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.3
   8 License: GNU General Public License v2 or later
   9 License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10 Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-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 figure.wp-caption.alignleft,
 713 img.alignleft {
 714         margin: 5px 20px 5px 0;
 715 }
 716
 717 .wp-caption.alignleft {
 718         margin: 5px 10px 5px 0;
 719 }
 720
 721 figure.wp-caption.alignright,
 722 img.alignright {
 723         margin: 5px 0 5px 20px;
 724 }
 725
 726 .wp-caption.alignright {
 727         margin: 5px 0 5px 10px;
 728 }
 729
 730 img.aligncenter {
 731         margin: 5px auto;
 732 }
 733
 734 img.alignnone {
 735         margin: 5px 0;
 736 }
 737
 738 .wp-caption .wp-caption-text,
 739 .entry-caption,
 740 .gallery-caption {
 741         color: #220e10;
 742         font-size: 18px;
 743         font-style: italic;
 744         font-weight: 300;
 745         margin: 0 0 24px;
 746 }
 747
 748 div.wp-caption.alignright img[class*="wp-image-"] {
 749         float: right;
 750 }
 751
 752 div.wp-caption.alignright .wp-caption-text {
 753         padding-left: 10px;
 754 }
 755
 756 img.wp-smiley,
 757 .rsswidget img {
 758         border: 0;
 759         border-radius: 0;
 760         box-shadow: none;
 761         margin-bottom: 0;
 762         margin-top: 0;
 763         padding: 0;
 764 }
 765
 766 .wp-caption.alignleft + ul,
 767 .wp-caption.alignleft + ol {
 768         list-style-position: inside;
 769 }
 770
 771
 772 /**
 773  * 3.0 Basic Structure
 774  * ----------------------------------------------------------------------------
 775  */
 776
 777 .site {
 778         background-color: #fff;
 779         border-left: 1px solid #f2f2f2;
 780         border-right: 1px solid #f2f2f2;
 781         margin: 0 auto;
 782         max-width: 1600px;
 783         width: 100%;
 784 }
 785
 786 .site-main {
 787         position: relative;
 788 }
 789
 790 .site-main .sidebar-container {
 791         height: 0;
 792         position: absolute;
 793         top: 40px;
 794         width: 100%;
 795         z-index: 1;
 796 }
 797
 798 .site-main .sidebar-inner {
 799         margin: 0 auto;
 800         max-width: 1040px;
 801 }
 802
 803
 804 /**
 805  * 4.0 Header
 806  * ----------------------------------------------------------------------------
 807  */
 808
 809 /**
 810  * 4.1 Site Header
 811  * ----------------------------------------------------------------------------
 812  */
 813
 814 .site-header {
 815         position: relative;
 816 }
 817
 818 .site-header .home-link {
 819         color: #141412;
 820         display: block;
 821         margin: 0 auto;
 822         max-width: 1080px;
 823         min-height: 230px;
 824         padding: 0 20px;
 825         text-decoration: none;
 826         width: 100%;
 827 }
 828
 829 .site-header .site-title:hover {
 830         text-decoration: underline;
 831 }
 832
 833 .site-title {
 834         font-size: 60px;
 835         font-weight: bold;
 836         line-height: 1;
 837         margin: 0;
 838         padding: 58px 0 10px;
 839 }
 840
 841 .site-description {
 842         font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
 843         margin: 0;
 844 }
 845
 846
 847 /**
 848  * 4.2 Navigation
 849  * ----------------------------------------------------------------------------
 850  */
 851
 852 .main-navigation {
 853         clear: both;
 854         margin: 0 auto;
 855         max-width: 1080px;
 856         min-height: 45px;
 857         position: relative;
 858 }
 859
 860 ul.nav-menu,
 861 div.nav-menu > ul {
 862         margin: 0;
 863         padding: 0 40px 0 0;
 864 }
 865
 866 .nav-menu li {
 867         display: inline-block;
 868         position: relative;
 869 }
 870
 871 .nav-menu li a {
 872         color: #141412;
 873         display: block;
 874         font-size: 15px;
 875         line-height: 1;
 876         padding: 15px 20px;
 877         text-decoration: none;
 878 }
 879
 880 .nav-menu li:hover > a,
 881 .nav-menu li a:hover,
 882 .nav-menu li:focus > a,
 883 .nav-menu li a:focus {
 884         background-color: #220e10;
 885         color: #fff;
 886 }
 887
 888 .nav-menu .sub-menu,
 889 .nav-menu .children {
 890         background-color: #220e10;
 891         border: 2px solid #f7f5e7;
 892         border-top: 0;
 893         padding: 0;
 894         position: absolute;
 895         left: -2px;
 896         z-index: 99999;
 897         height: 1px;
 898         width: 1px;
 899         overflow: hidden;
 900         clip: rect(1px, 1px, 1px, 1px);
 901 }
 902
 903 .nav-menu .sub-menu ul,
 904 .nav-menu .children ul {
 905         border-left: 0;
 906         left: 100%;
 907         top: 0;
 908 }
 909
 910 ul.nav-menu ul a,
 911 .nav-menu ul ul a {
 912         color: #fff;
 913         margin: 0;
 914         width: 200px;
 915 }
 916
 917 ul.nav-menu ul a:hover,
 918 .nav-menu ul ul a:hover,
 919 ul.nav-menu ul a:focus,
 920 .nav-menu ul ul a:focus {
 921         background-color: #db572f;
 922 }
 923
 924 ul.nav-menu li:hover > ul,
 925 .nav-menu ul li:hover > ul,
 926 ul.nav-menu .focus > ul,
 927 .nav-menu .focus > ul {
 928         clip: inherit;
 929         overflow: inherit;
 930         height: inherit;
 931         width: inherit;
 932 }
 933
 934 .nav-menu .current_page_item > a,
 935 .nav-menu .current_page_ancestor > a,
 936 .nav-menu .current-menu-item > a,
 937 .nav-menu .current-menu-ancestor > a {
 938         color: #bc360a;
 939         font-style: italic;
 940 }
 941
 942 .menu-toggle {
 943         display: none;
 944 }
 945
 946 /* Navbar */
 947 .navbar {
 948         background-color: #f7f5e7;
 949         margin: 0 auto;
 950         max-width: 1600px;
 951         width: 100%;
 952 }
 953
 954 .site-header .search-form {
 955         position: absolute;
 956         right: 20px;
 957         top: 1px;
 958 }
 959
 960 .site-header .search-field {
 961         background-color: transparent;
 962         background-image: url(images/search-icon.png);
 963         background-position: 5px center;
 964         background-repeat: no-repeat;
 965         background-size: 24px 24px;
 966         border: none;
 967         cursor: pointer;
 968         height: 37px;
 969         margin: 3px 0;
 970         padding: 0 0 0 34px;
 971         position: relative;
 972         -webkit-transition: width 400ms ease, background 400ms ease;
 973         transition:         width 400ms ease, background 400ms ease;
 974         width: 1px;
 975 }
 976
 977 .site-header .search-field:focus {
 978         background-color: #fff;
 979         border: 2px solid #c3c0ab;
 980         cursor: text;
 981         outline: 0;
 982         width: 230px;
 983 }
 984
 985
 986 /**
 987  * 5.0 Content
 988  * ----------------------------------------------------------------------------
 989  */
 990
 991 .hentry {
 992         padding: 40px 0;
 993 }
 994
 995 .entry-header,
 996 .entry-content,
 997 .entry-summary,
 998 .entry-meta {
 999         margin: 0 auto;
1000         max-width: 604px;
1001         width: 100%;
1002 }
1003
1004 .sidebar .entry-header,
1005 .sidebar .entry-content,
1006 .sidebar .entry-summary,
1007 .sidebar .entry-meta {
1008         max-width: 1040px;
1009         padding: 0 376px 0 60px;
1010 }
1011
1012
1013 /**
1014  * 5.1 Entry Header
1015  * ----------------------------------------------------------------------------
1016  */
1017
1018 .sidebar .entry-header .entry-meta {
1019         padding: 0;
1020 }
1021
1022 .entry-thumbnail img {
1023         display: block;
1024         margin: 0 auto 10px;
1025 }
1026
1027 .entry-header {
1028         margin-bottom: 30px;
1029 }
1030
1031 .entry-title {
1032         font-weight: normal;
1033         margin: 0 0 5px;
1034 }
1035
1036 .entry-title a {
1037         color: #141412;
1038 }
1039
1040 .entry-title a:hover {
1041         color: #ea9629;
1042 }
1043
1044
1045 /**
1046  * 5.2 Entry Meta
1047  * ----------------------------------------------------------------------------
1048  */
1049
1050 .entry-meta {
1051         clear: both;
1052         font-size: 14px;
1053 }
1054
1055 .entry-meta a {
1056         color: #bc360a;
1057 }
1058
1059 .entry-meta a:hover {
1060         color: #bc360a;
1061 }
1062
1063 .entry-meta > span {
1064         margin-right: 20px;
1065 }
1066
1067 .entry-meta > span:last-child {
1068         margin-right: 0;
1069 }
1070
1071 .featured-post:before {
1072         content: "\f308";
1073         margin-right: 2px;
1074 }
1075
1076 .entry-meta .date a:before {
1077         content: "\f303";
1078 }
1079
1080 .comments-link a:before {
1081         content: "\f300";
1082         margin-right: 2px;
1083         position: relative;
1084         top: -1px;
1085 }
1086
1087 .entry-meta .author a:before {
1088         content: "\f304";
1089         position: relative;
1090         top: -1px;
1091 }
1092
1093 .categories-links a:first-child:before {
1094         content: "\f301";
1095 }
1096
1097 .tags-links a:first-child:before {
1098         content: "\f302";
1099         position: relative;
1100         top: -1px;
1101 }
1102
1103 .edit-link a:before {
1104         content: "\f411";
1105         position: relative;
1106         top: -1px;
1107 }
1108
1109 .single-author .entry-meta .author,
1110 .sticky.format-standard .entry-meta .date,
1111 .sticky.format-audio .entry-meta .date,
1112 .sticky.format-chat .entry-meta .date,
1113 .sticky.format-image .entry-meta .date,
1114 .sticky.format-gallery .entry-meta .date {
1115         display: none;
1116 }
1117
1118
1119 /**
1120  * 5.3 Entry Content
1121  * ----------------------------------------------------------------------------
1122  */
1123
1124 .entry-content {
1125         -webkit-hyphens: auto;
1126         -moz-hyphens:    auto;
1127         -ms-hyphens:     auto;
1128         hyphens:         auto;
1129         word-wrap: break-word;
1130 }
1131
1132 .entry-content a,
1133 .comment-content a {
1134         color: #bc360a;
1135 }
1136
1137 .entry-content a:hover,
1138 .comment-content a:hover {
1139         color: #ea9629;
1140 }
1141
1142 .entry-content blockquote {
1143         font-size: 24px;
1144 }
1145
1146 .entry-content blockquote cite,
1147 .entry-content blockquote small {
1148         font-size: 16px;
1149 }
1150
1151 .entry-content img.alignleft,
1152 .entry-content .wp-caption.alignleft {
1153         margin-left: -60px;
1154 }
1155
1156 .entry-content img.alignright,
1157 .entry-content .wp-caption.alignright {
1158         margin-right: -60px;
1159 }
1160
1161 footer.entry-meta {
1162         margin-top: 24px;
1163 }
1164
1165 .format-standard footer.entry-meta {
1166         margin-top: 0;
1167 }
1168
1169 /* Page links */
1170 .page-links {
1171         clear: both;
1172         font-size: 16px;
1173         font-style: italic;
1174         font-weight: normal;
1175         line-height: 2.2;
1176         margin: 20px 0;
1177         text-transform: uppercase;
1178 }
1179
1180 .page-links a,
1181 .page-links > span {
1182         background: #fff;
1183         border: 1px solid #fff;
1184         padding: 5px 10px;
1185         text-decoration: none;
1186 }
1187
1188 .format-status .entry-content .page-links a,
1189 .format-gallery .entry-content .page-links a,
1190 .format-chat .entry-content .page-links a,
1191 .format-quote .entry-content .page-links a,
1192 .page-links a {
1193         background: #e63f2a;
1194         border: 1px solid #e63f2a;
1195         color: #fff;
1196 }
1197
1198 .format-gallery .entry-content .page-links a:hover,
1199 .format-audio .entry-content .page-links a:hover,
1200 .format-status .entry-content .page-links a:hover,
1201 .format-video .entry-content .page-links a:hover,
1202 .format-chat .entry-content .page-links a:hover,
1203 .format-quote .entry-content .page-links a:hover,
1204 .page-links a:hover {
1205         background: #fff;
1206         color: #e63f2a;
1207 }
1208
1209 .format-status .entry-content .page-links > span,
1210 .format-quote .entry-content .page-links > span {
1211         background: none;
1212 }
1213
1214 .page-links .page-links-title {
1215         background: transparent;
1216         border: none;
1217         margin-right: 20px;
1218         padding: 0;
1219 }
1220
1221 /* Mediaelements */
1222 .hentry .mejs-mediaelement,
1223 .hentry .mejs-container .mejs-controls {
1224         background: #220e10;
1225 }
1226
1227 .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
1228 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
1229         background: #fff;
1230 }
1231
1232 .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
1233         background: #ea9629;
1234 }
1235
1236 .hentry .mejs-controls .mejs-time-rail .mejs-time-total,
1237 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
1238         background: #595959;
1239 }
1240
1241 .hentry .mejs-controls .mejs-time-rail span,
1242 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
1243 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
1244         border-radius: 0;
1245 }
1246
1247
1248 /**
1249  * 5.4 Galleries
1250  * ----------------------------------------------------------------------------
1251  */
1252
1253 .gallery {
1254         margin-bottom: 20px;
1255         margin-left: -4px;
1256 }
1257
1258 .gallery-item {
1259         float: left;
1260         margin: 0 4px 4px 0;
1261         overflow: hidden;
1262         position: relative;
1263 }
1264
1265 .gallery-columns-1.gallery-size-medium,
1266 .gallery-columns-1.gallery-size-thumbnail,
1267 .gallery-columns-2.gallery-size-thumbnail,
1268 .gallery-columns-3.gallery-size-thumbnail {
1269         display: table;
1270         margin: 0 auto 20px;
1271 }
1272
1273 .gallery-columns-1 .gallery-item,
1274 .gallery-columns-2 .gallery-item,
1275 .gallery-columns-3 .gallery-item {
1276         text-align: center;
1277 }
1278
1279 .gallery-columns-4 .gallery-item {
1280         max-width: 23%;
1281         max-width: -webkit-calc(25% - 4px);
1282         max-width:         calc(25% - 4px);
1283 }
1284
1285 .gallery-columns-5 .gallery-item {
1286         max-width: 19%;
1287         max-width: -webkit-calc(20% - 4px);
1288         max-width:         calc(20% - 4px);
1289 }
1290
1291 .gallery-columns-6 .gallery-item {
1292         max-width: 15%;
1293         max-width: -webkit-calc(16.7% - 4px);
1294         max-width:         calc(16.7% - 4px);
1295 }
1296
1297 .gallery-columns-7 .gallery-item {
1298         max-width: 13%;
1299         max-width: -webkit-calc(14.28% - 4px);
1300         max-width:         calc(14.28% - 4px);
1301 }
1302
1303 .gallery-columns-8 .gallery-item {
1304         max-width: 11%;
1305         max-width: -webkit-calc(12.5% - 4px);
1306         max-width:         calc(12.5% - 4px);
1307 }
1308
1309 .gallery-columns-9 .gallery-item {
1310         max-width: 9%;
1311         max-width: -webkit-calc(11.1% - 4px);
1312         max-width:         calc(11.1% - 4px);
1313 }
1314
1315 .gallery-columns-1 .gallery-item:nth-of-type(1n),
1316 .gallery-columns-2 .gallery-item:nth-of-type(2n),
1317 .gallery-columns-3 .gallery-item:nth-of-type(3n),
1318 .gallery-columns-4 .gallery-item:nth-of-type(4n),
1319 .gallery-columns-5 .gallery-item:nth-of-type(5n),
1320 .gallery-columns-6 .gallery-item:nth-of-type(6n),
1321 .gallery-columns-7 .gallery-item:nth-of-type(7n),
1322 .gallery-columns-8 .gallery-item:nth-of-type(8n),
1323 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
1324         margin-right: 0;
1325 }
1326
1327 .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
1328 .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
1329 .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
1330 .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
1331         clear: left;
1332 }
1333
1334 .gallery-caption {
1335         background-color: rgba(0, 0, 0, 0.7);
1336         box-sizing: border-box;
1337         color: #fff;
1338         font-size: 14px;
1339         line-height: 1.3;
1340         margin: 0;
1341         max-height: 50%;
1342         opacity: 0;
1343         padding: 2px 8px;
1344         position: absolute;
1345         bottom: 0;
1346         left: 0;
1347         text-align: left;
1348         -webkit-transition: opacity 400ms ease;
1349         transition:         opacity 400ms ease;
1350         width: 100%;
1351 }
1352
1353 .gallery-caption:before {
1354         box-shadow: 0 -10px 15px #000 inset;
1355         content: "";
1356         height: 100%;
1357         min-height: 49px;
1358         position: absolute;
1359         left: 0;
1360         top: 0;
1361         width: 100%;
1362 }
1363
1364 .gallery-item:hover .gallery-caption {
1365         opacity: 1;
1366 }
1367
1368 .gallery-columns-7 .gallery-caption,
1369 .gallery-columns-8 .gallery-caption,
1370 .gallery-columns-9 .gallery-caption {
1371         display: none;
1372 }
1373
1374
1375 /**
1376  * 5.5 Post Formats
1377  * ----------------------------------------------------------------------------
1378  */
1379
1380 /* Aside */
1381 .format-aside {
1382         background-color: #f7f5e7;
1383 }
1384
1385 .blog .format-aside:first-of-type,
1386 .single .format-aside:first-of-type,
1387 .format-aside + .format-aside,
1388 .format-aside + .format-link,
1389 .format-link + .format-aside {
1390         box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
1391 }
1392
1393 .format-aside .entry-meta {
1394         margin-top: 0;
1395 }
1396
1397 .format-aside blockquote {
1398         font-size: 100%;
1399         font-weight: normal;
1400 }
1401
1402 .format-aside cite {
1403         font-size: 100%;
1404         text-transform: none;
1405 }
1406
1407 .format-aside cite:before {
1408         content: "\2014";
1409         margin-right: 5px;
1410 }
1411
1412 /* Audio */
1413 .format-audio {
1414         background-color: #db572f;
1415 }
1416
1417 .format-audio .entry-title {
1418         font-size: 28px;
1419         font-weight: bold;
1420 }
1421
1422 .format-audio .entry-content:before {
1423         content: "\f109";
1424         float: left;
1425         font-size: 64px;
1426         position: relative;
1427         top: 4px;
1428 }
1429
1430 .format-audio .entry-content a,
1431 .format-audio .entry-meta a,
1432 .format-audio .entry-content a:hover,
1433 .format-audio .entry-meta a:hover {
1434         color: #fbfaf3;
1435 }
1436
1437 .format-audio .audio-content {
1438         background: url(images/dotted-line.png) repeat-y left top;
1439         background-size: 4px 4px;
1440         float: right;
1441         padding-left: 35px;
1442         width: 80%;
1443         width: -webkit-calc(100% - 85px);
1444         width:         calc(100% - 85px);
1445 }
1446
1447 .format-audio .wp-audio-shortcode {
1448         height: 30px !important; /* Override mediaelement.js style */
1449         margin: 20px 0;
1450         max-width: 400px !important; /* Override mediaelement.js style */
1451 }
1452
1453 .format-audio audio {
1454         max-width: 100% !important; /* Avoid player width overflow. */
1455 }
1456
1457 /* Chat */
1458 .format-chat {
1459         background-color: #eadaa6;
1460 }
1461
1462 .format-chat .entry-title {
1463         font-size: 28px;
1464         font-weight: bold;
1465 }
1466
1467 .format-chat .entry-meta a,
1468 .format-chat .entry-content a {
1469         color: #722d19;
1470 }
1471
1472 .format-chat .entry-meta .date a:before {
1473         content: "\f108";
1474         margin-right: 2px;
1475 }
1476
1477 .format-chat .entry-meta .author {
1478         display: none;
1479 }
1480
1481 .format-chat .chat {
1482         margin: 0;
1483 }
1484
1485 .format-chat .chat .chat-timestamp {
1486         color: #722d19;
1487         float: right;
1488         font-size: 12px;
1489         font-weight: normal;
1490         margin: 5px 10px 0;
1491 }
1492
1493 .format-chat .chat .fn {
1494         font-style: normal;
1495 }
1496
1497 /* Gallery */
1498 .format-gallery {
1499         background-color: #fbca3c;
1500 }
1501
1502 .format-gallery .entry-header {
1503         margin-bottom: 15px;
1504 }
1505
1506 .format-gallery .entry-title {
1507         font-size: 50px;
1508         font-weight: 400;
1509         margin: 0;
1510 }
1511
1512 .format-gallery .entry-meta a,
1513 .format-gallery .entry-content a {
1514         color: #722d19;
1515 }
1516
1517 /* Image */
1518 .format-image .entry-title {
1519         font-size: 28px;
1520         font-weight: bold;
1521 }
1522
1523 .format-image .categories-links,
1524 .format-image .tags-links {
1525         display: none;
1526 }
1527
1528 /* Link */
1529 .format-link {
1530         background-color: #f7f5e7;
1531 }
1532
1533 .blog .format-link:first-of-type,
1534 .single .format-link:first-of-type {
1535         box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
1536 }
1537
1538 .format-link .entry-header,
1539 .format-link .entry-content p:last-child {
1540         margin-bottom: 0;
1541 }
1542
1543 .format-link .entry-title {
1544         color: #ca3c08;
1545         display: inline;
1546         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
1547         margin-right: 20px;
1548 }
1549
1550 .format-link .entry-title a {
1551         color: #bc360a;
1552 }
1553
1554 .format-link div.entry-meta {
1555         display: inline;
1556 }
1557
1558 /* Quote */
1559 .format-quote {
1560         background-color: #210d10;
1561 }
1562
1563 .format-quote .entry-content,
1564 .format-quote .entry-meta {
1565         color: #f7f5e7;
1566 }
1567
1568 .format-quote .entry-content blockquote {
1569         font-size: 28px;
1570         margin: 0;
1571 }
1572
1573 .format-quote .entry-content a,
1574 .format-quote .entry-meta a,
1575 .format-quote .linked {
1576         color: #e63f2a;
1577 }
1578
1579 .format-quote .entry-content cite a {
1580         border-bottom: 1px dotted #fff;
1581         color: #fff;
1582 }
1583
1584 .format-quote .entry-content cite a:hover {
1585         text-decoration: none;
1586 }
1587
1588 .format-quote blockquote small,
1589 .format-quote blockquote cite {
1590         display: block;
1591         font-size: 16px;
1592 }
1593
1594 .format-quote blockquote {
1595         font-style: italic;
1596         font-weight: 300;
1597         padding-left: 75px;
1598         position: relative;
1599 }
1600
1601 .format-quote blockquote:before {
1602         content: '\201C';
1603         font-size: 140px;
1604         font-weight: 400;
1605         line-height: .8;
1606         padding-right: 25px;
1607         position: absolute;
1608         left: -15px;
1609         top: -3px;
1610 }
1611
1612 .format-quote .entry-meta .author {
1613         display: none;
1614 }
1615
1616 /* Status */
1617 .format-status {
1618         background-color: #722d19;
1619         padding: 0;
1620 }
1621
1622 .format-status .entry-content,
1623 .format-status .entry-meta {
1624         padding-left: 35px;
1625         position: relative;
1626 }
1627
1628 .format-status .entry-content a {
1629         color: #eadaa6;
1630 }
1631
1632 .format-status .entry-meta a {
1633         color: #f7f5e7;
1634 }
1635
1636 .sidebar .format-status .entry-content,
1637 .sidebar .format-status .entry-meta {
1638         padding-left: 95px;
1639 }
1640
1641 .format-status .entry-content:before,
1642 .format-status .entry-meta:before {
1643         background: url(images/dotted-line.png) repeat-y left bottom;
1644         background-size: 4px 4px;
1645         content: "";
1646         display: block;
1647         height: 100%;
1648         position: absolute;
1649         left: 10px;
1650         top: 0;
1651         width: 1px;
1652 }
1653
1654 .sidebar .format-status .entry-content:before,
1655 .sidebar .format-status .entry-meta:before {
1656         left: 70px;
1657 }
1658
1659 .format-status .categories-links,
1660 .format-status .tags-links {
1661         display: none;
1662 }
1663
1664 /* Ensures the dots in the dot background are in lockstep. */
1665 .format-status .entry-meta:before {
1666         background-position: left top;
1667 }
1668
1669 .format-status .entry-content {
1670         color: #f7f5e7;
1671         font-size: 24px;
1672         font-style: italic;
1673         font-weight: 300;
1674         padding-bottom: 30px;
1675         padding-top: 40px;
1676         position: relative;
1677 }
1678
1679 .format-status .entry-content p:first-child:before {
1680         background-color: rgba(0, 0, 0, 0.65);
1681         content: "";
1682         height: 3px;
1683         margin-top: 13px;
1684         position: absolute;
1685         left: 4px;
1686         width: 13px;
1687 }
1688
1689 .sidebar .format-status .entry-content > p:first-child:before {
1690         left: 64px;
1691 }
1692
1693 .format-status .entry-content p:last-child {
1694         margin-bottom: 0;
1695 }
1696
1697 .format-status .entry-meta {
1698         margin-top: 0;
1699         padding-bottom: 40px;
1700 }
1701
1702 .format-status .entry-meta .date a:before {
1703         content: "\f105";
1704 }
1705
1706 /* Video */
1707 .format-video {
1708         background-color: #db572f;
1709 }
1710
1711 .format-video .entry-content a,
1712 .format-video .entry-meta a,
1713 .format-video .entry-content a:hover,
1714 .format-video .entry-meta a:hover {
1715         color: #fbfaf3;
1716 }
1717
1718 .format-video .entry-title {
1719         font-size: 50px;
1720         font-weight: 400;
1721 }
1722
1723 .format-video .entry-meta {
1724         color: #220e10;
1725 }
1726
1727
1728 /**
1729  * 5.6 Attachments
1730  * ----------------------------------------------------------------------------
1731  */
1732
1733 .attachment .hentry {
1734         background-color: #e8e5ce;
1735         margin: 0;
1736         padding: 0;
1737 }
1738
1739 .attachment .entry-header {
1740         margin-bottom: 0;
1741         max-width: 1040px;
1742         padding: 30px 0;
1743 }
1744
1745 .attachment .entry-title {
1746         display: inline-block;
1747         float: left;
1748         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
1749         margin: 0;
1750 }
1751
1752 .attachment .entry-title:before {
1753         content: "\f416";
1754         font-size: 32px;
1755         margin-right: 10px;
1756 }
1757
1758 .attachment .entry-meta {
1759         clear: none;
1760         color: inherit;
1761         float: right;
1762         max-width: 604px;
1763         padding: 9px 0 0;
1764         text-align: right;
1765 }
1766
1767 .hentry.attachment:not(.image-attachment) .entry-meta {
1768         max-width: 104px;
1769 }
1770
1771 .attachment footer.entry-meta {
1772         display: none;
1773 }
1774
1775 .attachment-meta:before {
1776         content: "\f307";
1777 }
1778
1779 .full-size-link a:before {
1780         content: "\f402";
1781 }
1782
1783 .full-size-link:before {
1784         content: none;
1785 }
1786
1787 .attachment .entry-meta a,
1788 .attachment .entry-meta .edit-link:before,
1789 .attachment .full-size-link:before {
1790         color: #ca3c08;
1791 }
1792
1793 .attachment .entry-content {
1794         background-color: #fff;
1795         max-width: 100%;
1796         padding: 40px 0;
1797 }
1798
1799 .image-navigation {
1800         margin: 0 auto;
1801         max-width: 1040px;
1802         position: relative;
1803 }
1804
1805 .image-navigation a:hover {
1806         text-decoration: none;
1807 }
1808
1809 .image-navigation .nav-previous,
1810 .image-navigation .nav-next {
1811         position: absolute;
1812         top: 50px;
1813 }
1814
1815 .image-navigation .nav-previous {
1816         left: 0;
1817 }
1818
1819 .image-navigation .nav-next {
1820         right: 0;
1821 }
1822
1823 .image-navigation .meta-nav {
1824         font-size: 32px;
1825         font-weight: 300;
1826         vertical-align: -4px;
1827 }
1828
1829 .attachment .entry-attachment,
1830 .attachment .type-attachment p {
1831         margin: 0 auto;
1832         max-width: 724px;
1833         text-align: center;
1834 }
1835
1836 .attachment .entry-attachment .attachment {
1837         display: inline-block;
1838 }
1839
1840 .attachment .entry-caption {
1841         text-align: left;
1842 }
1843
1844 .attachment .entry-description {
1845         margin: 20px auto 0;
1846         max-width: 604px;
1847 }
1848
1849 .attachment .entry-caption p:last-child,
1850 .attachment .entry-description p:last-child {
1851         margin: 0;
1852 }
1853
1854 .attachment .site-main .sidebar-container {
1855         display: none;
1856 }
1857
1858 .attachment .entry-content .mejs-audio {
1859         max-width: 400px;
1860         margin: 0 auto;
1861 }
1862
1863 .attachment .entry-content .wp-video {
1864         margin: 0 auto;
1865 }
1866
1867 .attachment .entry-content .mejs-container {
1868         margin-bottom: 24px;
1869 }
1870
1871 /**
1872  * 5.7 Post/Paging Navigation
1873  * ----------------------------------------------------------------------------
1874  */
1875
1876 .navigation .nav-previous {
1877         float: left;
1878 }
1879
1880 .navigation .nav-next {
1881         float: right;
1882 }
1883
1884 .navigation a {
1885         color: #bc360a;
1886 }
1887
1888 .navigation a:hover {
1889         color: #ea9629;
1890         text-decoration: none;
1891 }
1892
1893 .paging-navigation {
1894         background-color: #e8e5ce;
1895         padding: 40px 0;
1896 }
1897
1898 .paging-navigation .nav-links {
1899         margin: 0 auto;
1900         max-width: 604px;
1901         width: 100%;
1902 }
1903
1904 .sidebar .paging-navigation .nav-links {
1905         max-width: 1040px;
1906         padding: 0 376px 0 60px;
1907 }
1908
1909 .paging-navigation .nav-next {
1910         padding: 13px 0;
1911 }
1912
1913 .paging-navigation a {
1914         font-size: 22px;
1915         font-style: italic;
1916         font-weight: 300;
1917 }
1918
1919 .paging-navigation .meta-nav {
1920         background-color: #e63f2a;
1921         border-radius: 50%;
1922         color: #fff;
1923         display: inline-block;
1924         font-size: 26px;
1925         padding: 3px 0 8px;
1926         text-align: center;
1927         width: 50px;
1928 }
1929
1930 .paging-navigation .nav-previous .meta-nav {
1931         margin-right: 10px;
1932         padding: 17px 0 23px;
1933         width: 80px;
1934 }
1935
1936 .paging-navigation .nav-next .meta-nav {
1937         margin-left: 10px;
1938 }
1939
1940 .paging-navigation a:hover .meta-nav {
1941         background-color: #ea9629;
1942         text-decoration: none;
1943 }
1944
1945 .post-navigation {
1946         background-color: #fff;
1947         color: #ca3c08;
1948         font-size: 20px;
1949         font-style: italic;
1950         font-weight: 300;
1951         padding: 20px 0;
1952 }
1953
1954 .post-navigation .nav-links {
1955         margin: 0 auto;
1956         max-width: 1040px;
1957 }
1958
1959 .sidebar .post-navigation .nav-links {
1960         padding: 0 376px 0 60px;
1961 }
1962
1963 .post-navigation a[rel="next"] {
1964         float: right;
1965         text-align: right;
1966 }
1967
1968
1969 /**
1970  * 5.8 Author Bio
1971  * ----------------------------------------------------------------------------
1972  */
1973
1974 .author-info {
1975         margin: 0 auto;
1976         max-width: 604px;
1977         padding: 30px 0 10px;
1978         text-align: left; /* gallery & video post formats */
1979         width: 100%;
1980 }
1981
1982 .author.sidebar .author-info {
1983         max-width: 1040px;
1984         padding: 30px 376px 10px 60px;
1985 }
1986
1987 .single .author-info {
1988         padding: 50px 0 0;
1989 }
1990
1991 .author-avatar .avatar {
1992         float: left;
1993         margin: 0 30px 30px 0;
1994 }
1995
1996 .single-format-status .author-description {
1997         color: #f7f5e7;
1998 }
1999
2000 .author-description .author-title {
2001         clear: none;
2002         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
2003         margin: 0 0 8px;
2004 }
2005
2006 .author-link {
2007         color: #ca3c08;
2008         margin-left: 2px;
2009 }
2010
2011 .author.archive .author-link {
2012         display: none;
2013 }
2014
2015
2016 /**
2017  * 5.9 Archives
2018  * ----------------------------------------------------------------------------
2019  */
2020
2021 .archive-header {
2022         background-color: #e8e5ce;
2023 }
2024
2025 .archive-title,
2026 .archive-meta {
2027         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
2028         margin: 0 auto;
2029         max-width: 1040px;
2030         padding: 30px 0;
2031         width: 100%;
2032 }
2033
2034 .archive-meta {
2035         font-size: 16px;
2036         font-style: normal;
2037         font-weight: normal;
2038         margin-top: -15px;
2039         padding: 0 0 11px;
2040 }
2041
2042 .sidebar .archive-meta {
2043         padding-right: 316px;
2044 }
2045
2046
2047 /**
2048  * 5.10 Search Results/No posts
2049  * ----------------------------------------------------------------------------
2050  */
2051
2052 .page-header {
2053         background-color: #e8e5ce;
2054 }
2055
2056 .page-title {
2057         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
2058         margin: 0 auto;
2059         max-width: 1040px;
2060         padding: 30px 0;
2061         width: 100%;
2062 }
2063
2064 .page-content {
2065         margin: 0 auto;
2066         max-width: 604px;
2067         padding: 40px 0;
2068         width: 100%;
2069 }
2070
2071 .sidebar .page-content {
2072         margin: 0 auto;
2073         max-width: 1040px;
2074         padding: 40px 376px 40px 60px;
2075 }
2076
2077
2078 /**
2079  * 5.11 404
2080  * ----------------------------------------------------------------------------
2081  */
2082
2083 .error404 .page-header {
2084         background-color: #fff;
2085 }
2086
2087 .error404 .page-title {
2088         line-height: 0.6;
2089         margin: 0;
2090         padding: 300px;
2091         position: relative;
2092         text-align: center;
2093         width: auto;
2094 }
2095
2096 .error404 .page-title:before {
2097         color: #e8e5ce;
2098         content: "\f423";
2099         font-size: 964px;
2100         line-height: 0.6;
2101         overflow: hidden;
2102         position: absolute;
2103         left: 7px;
2104         top: 28px;
2105 }
2106
2107 .error404 .page-wrapper {
2108         background-color: #e8e5ce;
2109 }
2110
2111 .error404 .page-header,
2112 .error404 .page-content {
2113         margin: 0 auto;
2114         max-width: 1040px;
2115         padding-bottom: 40px;
2116         width: 100%;
2117 }
2118
2119
2120 /**
2121  * 5.12 Comments
2122  * ----------------------------------------------------------------------------
2123  */
2124
2125 .comments-title,
2126 .comment-list,
2127 .comment-reply-title,
2128 .must-log-in,
2129 .comment-respond .comment-form,
2130 .comment-respond iframe {
2131         display: block;
2132         margin-left: auto;
2133         margin-right: auto;
2134         max-width: 604px;
2135         width: 100%;
2136 }
2137
2138 .sidebar .comments-title,
2139 .sidebar .comment-list,
2140 .sidebar .must-log-in,
2141 .sidebar .comment-reply-title,
2142 .sidebar .comment-navigation,
2143 .sidebar .comment-respond .comment-form {
2144         max-width: 1040px;
2145         padding-left: 60px;
2146         padding-right: 376px;
2147 }
2148
2149 .comments-title {
2150         font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
2151 }
2152
2153 .comment-list,
2154 .comment-list .children {
2155         list-style-type: none;
2156         padding: 0;
2157 }
2158
2159 .comment-list .children {
2160         margin-left: 20px;
2161 }
2162
2163 .comment-list > li:after,
2164 .comment-list .children > li:before {
2165         background: url(images/dotted-line.png) repeat left top;
2166         background-size: 4px 4px;
2167         content: "";
2168         display: block;
2169         height: 1px;
2170         width: 100%;
2171 }
2172
2173 .comment-list > li:last-child:after {
2174         display: none;
2175 }
2176
2177 .comment-body {
2178         padding: 24px 0;
2179         position: relative;
2180 }
2181
2182 .comment-author {
2183         float: left;
2184         max-width: 74px;
2185 }
2186
2187 .comment-author .avatar {
2188         display: block;
2189         margin-bottom: 10px;
2190 }
2191
2192 .comment-author .fn {
2193         word-wrap: break-word;
2194 }
2195
2196 .comment-author .fn,
2197 .comment-author .url,
2198 .comment-reply-link,
2199 .comment-reply-login {
2200         color: #bc360a;
2201         font-size: 14px;
2202         font-style: normal;
2203         font-weight: normal;
2204 }
2205
2206 .says {
2207         display: none;
2208 }
2209
2210 .no-avatars .comment-author {
2211         margin: 0 0 5px;
2212         max-width: 100%;
2213         position: relative;
2214 }
2215
2216 .no-avatars .comment-metadata,
2217 .no-avatars .comment-content,
2218 .no-avatars .comment-list .reply {
2219         width: 100%;
2220 }
2221
2222 .bypostauthor > .comment-body .fn:before {
2223         content: "\f408";
2224         vertical-align: text-top;
2225 }
2226
2227 .comment-list .edit-link {
2228         margin-left: 20px;
2229 }
2230
2231 .comment-metadata,
2232 .comment-awaiting-moderation,
2233 .comment-content,
2234 .comment-list .reply {
2235         float: right;
2236         width: 79%;
2237         width: -webkit-calc(100% - 124px);
2238         width:         calc(100% - 124px);
2239         word-wrap: break-word;
2240 }
2241
2242 .comment-meta,
2243 .comment-meta a {
2244         color: #a2a2a2;
2245         font-size: 13px;
2246 }
2247
2248 .comment-meta a:hover {
2249         color: #ea9629;
2250 }
2251
2252 .comment-metadata {
2253         margin-bottom: 20px;
2254 }
2255
2256 .ping-meta {
2257         color: #a2a2a2;
2258         font-size: 13px;
2259         line-height: 2;
2260 }
2261
2262 .comment-awaiting-moderation {
2263         color: #a2a2a2;
2264 }
2265
2266 .comment-awaiting-moderation:before {
2267         content: "\f414";
2268         margin-right: 5px;
2269         position: relative;
2270         top: -2px;
2271 }
2272
2273 .comment-reply-link:before,
2274 .comment-reply-login:before {
2275         content: "\f412";
2276         margin-right: 3px;
2277 }
2278
2279 /* Comment form */
2280 .comment-respond {
2281         background-color: #f7f5e7;
2282         padding: 30px 0;
2283 }
2284
2285 .comment .comment-respond {
2286         margin-bottom: 20px;
2287         padding: 20px;
2288 }
2289
2290 .comment-reply-title {
2291         font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
2292 }
2293
2294 .comment-reply-title small a {
2295         color: #131310;
2296         display: inline-block;
2297         float: right;
2298         height: 16px;
2299         overflow: hidden;
2300         width: 16px;
2301 }
2302
2303 .comment-reply-title small a:hover {
2304         color: #ed331c;
2305         text-decoration: none;
2306 }
2307
2308 .comment-reply-title small a:before {
2309         content: "\f406";
2310         vertical-align: top;
2311 }
2312
2313 .sidebar .comment-list .comment-reply-title,
2314 .sidebar .comment-list .comment-respond .comment-form {
2315         padding: 0;
2316 }
2317
2318 .comment-form .comment-notes {
2319         margin-bottom: 15px;
2320 }
2321
2322 .comment-form .comment-form-author,
2323 .comment-form .comment-form-email,
2324 .comment-form .comment-form-url {
2325         margin-bottom: 8px;
2326 }
2327
2328 .comment-form [for="author"],
2329 .comment-form [for="email"],
2330 .comment-form [for="url"],
2331 .comment-form [for="comment"] {
2332         float: left;
2333         padding: 5px 0;
2334         width: 120px;
2335 }
2336
2337 .comment-form .required {
2338         color: #ed331c;
2339 }
2340
2341 .comment-form input[type="text"],
2342 .comment-form input[type="email"],
2343 .comment-form input[type="url"] {
2344         max-width: 270px;
2345         width: 60%;
2346 }
2347
2348 .comment-form textarea {
2349         width: 100%;
2350 }
2351
2352 .form-allowed-tags,
2353 .form-allowed-tags code {
2354         color: #686758;
2355         font-size: 12px;
2356 }
2357
2358 .form-allowed-tags code {
2359         font-size: 10px;
2360         margin-left: 3px;
2361 }
2362
2363 .comment-list .pingback,
2364 .comment-list .trackback {
2365         padding-top: 24px;
2366 }
2367
2368 .comment-navigation {
2369         font-size: 20px;
2370         font-style: italic;
2371         font-weight: 300;
2372         margin: 0 auto;
2373         max-width: 604px;
2374         padding: 20px 0 30px;
2375         width: 100%;
2376 }
2377
2378 .no-comments {
2379         background-color: #f7f5e7;
2380         font-size: 20px;
2381         font-style: italic;
2382         font-weight: 300;
2383         margin: 0;
2384         padding: 40px 0;
2385         text-align: center;
2386 }
2387
2388 .sidebar .no-comments {
2389         padding-left: 60px;
2390         padding-right: 376px;
2391 }
2392
2393
2394 /**
2395  * 5.13 Multisite
2396  * ----------------------------------------------------------------------------
2397  */
2398
2399 .site-main .mu_register {
2400         margin: 0 auto;
2401         max-width: 604px;
2402         width: 100%;
2403 }
2404
2405 .mu_alert {
2406         margin-top: 25px;
2407 }
2408
2409 .site-main .mu_register input[type="submit"],
2410 .site-main .mu_register #blog_title,
2411 .site-main .mu_register #user_email,
2412 .site-main .mu_register #blogname,
2413 .site-main .mu_register #user_name {
2414         font-size: inherit;
2415         width: 270px;
2416 }
2417
2418 .site-main .mu_register input[type="submit"] {
2419         width: auto;
2420 }
2421
2422
2423 /**
2424  * 6.0 Sidebar
2425  * ----------------------------------------------------------------------------
2426  */
2427
2428 .site-main .widget-area {
2429         float: right;
2430         width: 300px;
2431 }
2432
2433
2434 /**
2435  * 6.1 Widgets
2436  * ----------------------------------------------------------------------------
2437  */
2438
2439 .widget {
2440         background-color: rgba(247, 245, 231, 0.7);
2441         font-size: 14px;
2442         -webkit-hyphens: auto;
2443         -moz-hyphens:    auto;
2444         -ms-hyphens:     auto;
2445         hyphens:         auto;
2446         margin: 0 0 24px;
2447         padding: 20px;
2448         word-wrap: break-word;
2449 }
2450
2451 .widget .widget-title {
2452         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
2453         margin: 0 0 10px;
2454 }
2455
2456 .widget ul,
2457 .widget ol {
2458         list-style-type: none;
2459         margin: 0;
2460         padding: 0;
2461 }
2462
2463 .widget li {
2464         padding: 5px 0;
2465 }
2466
2467 .widget .children li:last-child {
2468         padding-bottom: 0;
2469 }
2470
2471 .widget li > ul,
2472 .widget li > ol {
2473         margin-left: 20px;
2474 }
2475
2476 .widget a {
2477         color: #bc360a;
2478 }
2479
2480 .widget a:hover {
2481         color: #ea9629;
2482 }
2483
2484 /* Search widget */
2485 .search-form .search-submit {
2486         display: none;
2487 }
2488
2489 /* RSS Widget */
2490 .widget_rss .rss-date {
2491         display: block;
2492 }
2493
2494 .widget_rss .rss-date,
2495 .widget_rss li > cite {
2496         color: #a2a2a2;
2497 }
2498
2499 /* Calendar Widget */
2500 .widget_calendar table,
2501 .widget_calendar td {
2502         border: 0;
2503         border-collapse: separate;
2504         border-spacing: 1px;
2505 }
2506
2507 .widget_calendar caption {
2508         font-size: 14px;
2509         margin: 0;
2510 }
2511
2512 .widget_calendar th,
2513 .widget_calendar td {
2514         padding: 0;
2515         text-align: center;
2516 }
2517
2518 .widget_calendar a {
2519         display: block;
2520 }
2521
2522 .widget_calendar a:hover {
2523         background-color: rgba(0, 0, 0, 0.15);
2524 }
2525
2526 .widget_calendar tbody td {
2527         background-color: rgba(255, 255, 255, 0.5);
2528 }
2529
2530 .site-footer .widget_calendar tbody td {
2531         background-color: rgba(255, 255, 255, 0.05);
2532 }
2533
2534 .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
2535         background-color: transparent;
2536 }
2537
2538
2539 /**
2540  * 7.0 Footer
2541  * ----------------------------------------------------------------------------
2542  */
2543
2544 .site-footer {
2545         background-color: #e8e5ce;
2546         color: #686758;
2547         font-size: 14px;
2548         text-align: center;
2549 }
2550
2551 .site-footer .widget-area,
2552 .sidebar .site-footer {
2553         text-align: left;
2554 }
2555
2556 .site-footer a {
2557         color: #686758;
2558 }
2559
2560 .site-footer .sidebar-container {
2561         background-color: #220e10;
2562         padding: 20px 0;
2563 }
2564
2565 .site-footer .widget-area {
2566         margin: 0 auto;
2567         max-width: 1040px;
2568         width: 100%;
2569 }
2570
2571 .sidebar .site-footer .widget-area {
2572         max-width: 724px;
2573         position: relative;
2574         left: -158px;
2575 }
2576
2577 .site-footer .widget {
2578         background: transparent;
2579         color: #fff;
2580         float: left;
2581         margin-right: 20px;
2582         width: 245px;
2583 }
2584
2585 .sidebar .site-footer .widget {
2586         width: 228px;
2587 }
2588
2589 .sidebar .site-footer .widget:nth-of-type(4),
2590 .sidebar .site-footer .widget:nth-of-type(3) {
2591         margin-right: 0;
2592 }
2593
2594 .site-footer .widget a {
2595         color: #e6402a;
2596 }
2597
2598 .site-footer .widget-title,
2599 .site-footer .widget-title a,
2600 .site-footer .wp-caption-text {
2601         color: #fff;
2602 }
2603
2604 .site-info {
2605         margin: 0 auto;
2606         max-width: 1040px;
2607         padding: 30px 0;
2608         width: 100%;
2609 }
2610
2611 #wpstats {
2612         display: block;
2613         margin: -10px auto 0;
2614 }
2615
2616
2617 /**
2618  * 8.0 Media Queries
2619  * ----------------------------------------------------------------------------
2620  */
2621
2622 /* Does the same thing as <meta name="viewport" content="width=device-width">,
2623  * but in the future W3C standard way. -ms- prefix is required for IE10+ to
2624  * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
2625  * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
2626  */
2627 @-ms-viewport {
2628         width: device-width;
2629 }
2630 @viewport {
2631         width: device-width;
2632 }
2633
2634 @media (max-width: 1599px) {
2635         .site {
2636                 border: 0;
2637         }
2638 }
2639
2640 @media (max-width: 1069px) {
2641         .sidebar img.alignleft,
2642         .sidebar .wp-caption.alignleft {
2643                 margin-left: 0;
2644         }
2645
2646         .sidebar img.alignright,
2647         .sidebar .wp-caption.alignright {
2648                 margin-right: 0;
2649         }
2650
2651         .error404 .page-header {
2652                 margin-left: auto;
2653                 max-width: 604px;
2654                 width: 100%;
2655         }
2656
2657         .archive-header,
2658         .search .page-header,
2659         .archive .page-header,
2660         .blog .page-header,
2661         .error404 .page-content,
2662         .search .page-content,
2663         .archive .page-content,
2664         .attachment .entry-header,
2665         .attachment .entry-content,
2666         .post-navigation .nav-links,
2667         .sidebar .site-info,
2668         .site-footer .widget-area {
2669                 padding-left: 20px;
2670                 padding-right: 20px;
2671         }
2672
2673         .error404 .page-title {
2674                 font-size: 24px;
2675                 padding: 180px;
2676         }
2677
2678         .error404 .page-title:before {
2679                 font-size: 554px;
2680         }
2681
2682         .attachment .image-navigation {
2683                 max-width: 724px;
2684         }
2685
2686         .image-navigation .nav-previous,
2687         .image-navigation .nav-next {
2688                 position: static;
2689         }
2690
2691         .site-main .widget-area {
2692                 margin-right: 60px;
2693         }
2694 }
2695
2696 @media (max-width: 999px) {
2697         .sidebar .entry-header,
2698         .sidebar .entry-content,
2699         .sidebar .entry-summary,
2700         .sidebar .entry-meta,
2701         .sidebar .comment-list,
2702         .sidebar .comment-reply-title,
2703         .sidebar .comment-navigation,
2704         .sidebar .comment-respond .comment-form,
2705         .sidebar .featured-gallery,
2706         .sidebar .post-navigation .nav-links,
2707         .author.sidebar .author-info {
2708                 max-width: 604px;
2709                 padding-left: 0;
2710                 padding-right: 0;
2711         }
2712
2713         .sidebar .site-info,
2714         .search.sidebar .page-content,
2715         .blog.sidebar .page-content,
2716         .attachment .entry-header,
2717         .sidebar .comments-title {
2718                 max-width: 604px;
2719         }
2720
2721         .sidebar .archive-meta,
2722         .attachment .entry-header,
2723         .search.sidebar .page-content,
2724         .blog.sidebar .page-content,
2725         .sidebar .site-info,
2726         .sidebar .comments-title,
2727         .sidebar .no-comments {
2728                 padding-left: 0;
2729                 padding-right: 0;
2730         }
2731
2732         .attachment .entry-meta {
2733                 float: left;
2734                 text-align: left;
2735                 width: 100%;
2736         }
2737
2738         .attachment .entry-content {
2739                 max-width: 100%;
2740                 padding: 40px 0;
2741         }
2742
2743         .format-status .entry-content {
2744                 padding-top: 40px;
2745         }
2746
2747         .format-status .entry-meta {
2748                 padding-bottom: 40px;
2749         }
2750
2751         .sidebar .format-status .entry-content,
2752         .sidebar .format-status .entry-meta {
2753                 padding-left: 35px;
2754         }
2755
2756         .sidebar .format-status .entry-content:before,
2757         .sidebar .format-status .entry-meta:before {
2758                 left: 10px;
2759         }
2760
2761         .sidebar .format-status .entry-content p:first-child:before {
2762                 left: 4px;
2763         }
2764
2765         .sidebar .paging-navigation .nav-links {
2766                 padding: 0 60px;
2767         }
2768
2769         .site-main .sidebar-container {
2770                 height: auto;
2771                 margin: 0 auto;
2772                 max-width: 604px;
2773                 position: relative;
2774                 top: 20px;
2775         }
2776
2777         .site-main .widget-area {
2778                 float: none;
2779                 margin: 0;
2780                 width: 100%;
2781         }
2782
2783         .sidebar .site-footer .widget-area {
2784                 max-width: 100%;
2785                 left: 0;
2786         }
2787 }
2788
2789 /* Collapse oversized image and pulled images after iPad breakpoint. */
2790 @media (max-width: 767px) {
2791         .site-header .home-link {
2792                 min-height: 0;
2793         }
2794         .site-title {
2795                 font-size: 36px;
2796                 padding: 8px 0 10px;
2797         }
2798         .entry-content img.alignleft,
2799         .entry-content .wp-caption.alignleft {
2800                 margin-left: 0;
2801         }
2802
2803         .entry-content img.alignright,
2804         .entry-content .wp-caption.alignright {
2805                 margin-right: 0;
2806         }
2807
2808         .attachment .image-navigation,
2809         .attachment .entry-attachment .attachment {
2810                 max-width: 604px;
2811                 padding: 0;
2812                 width: 100%;
2813         }
2814
2815         .gallery-caption {
2816                 display: none;
2817         }
2818 }
2819
2820 @media (max-width: 643px) {
2821         .site-title {
2822                 font-size: 30px;
2823         }
2824
2825         #content .entry-header,
2826         #content .entry-content,
2827         #content .entry-summary,
2828         #content footer.entry-meta,
2829         #content .featured-gallery,
2830         .search.sidebar .page-content,
2831         .blog.sidebar .page-content,
2832         .sidebar .post-navigation .nav-links,
2833         .paging-navigation .nav-links,
2834         #content .author-info,
2835         .comments-area .comments-title,
2836         .comments-area .comment-list,
2837         .comments-area .comment-navigation,
2838         .comment-respond,
2839         .sidebar .site-info,
2840         .sidebar .paging-navigation .nav-links {
2841                 padding-left: 20px;
2842                 padding-right: 20px;
2843         }
2844
2845         #content .format-status .entry-content,
2846         #content .format-status .entry-met {
2847                 padding-left: 35px;
2848         }
2849
2850         /* Small menu */
2851         .menu-toggle {
2852                 cursor: pointer;
2853                 display: inline-block;
2854                 font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
2855                 margin: 0;
2856         }
2857
2858         .menu-toggle,
2859         .menu-toggle:hover,
2860         .menu-toggle:focus,
2861         .menu-toggle:active {
2862                 background: none;
2863                 border: none;
2864                 color: #141412;
2865                 padding: 12px 0 12px 20px;
2866         }
2867
2868         .menu-toggle:focus {
2869                 outline: thin dotted;
2870         }
2871
2872         .menu-toggle:after {
2873                 content: "\f502";
2874                 font-size: 12px;
2875                 padding-left: 8px;
2876                 vertical-align: -4px;
2877         }
2878
2879         .toggled-on .menu-toggle:after {
2880                 content: "\f500";
2881                 vertical-align: 2px;
2882         }
2883
2884         .toggled-on .nav-menu,
2885         .toggled-on .nav-menu > ul {
2886                 display: block;
2887                 margin-left: 0;
2888                 padding: 0;
2889                 width: 100%;
2890         }
2891
2892         .toggled-on li,
2893         .toggled-on .children {
2894                 display: block;
2895         }
2896
2897         .toggled-on .nav-menu li > ul {
2898                 background-color: transparent;
2899                 display: block;
2900                 float: none;
2901                 margin-left: 20px;
2902                 position: relative;
2903                 left: auto;
2904                 top: auto;
2905         }
2906
2907         .toggled-on .nav-menu li > ul a {
2908                 color: #141412;
2909                 width: auto;
2910         }
2911
2912         .toggled-on .nav-menu li:hover > a,
2913         .toggled-on .nav-menu .children a {
2914                 background-color: transparent;
2915                 color: #141412;
2916         }
2917
2918         .toggled-on .nav-menu > li a:hover,
2919         .toggled-on .nav-menu > ul a:hover {
2920                 background-color: #db572f;
2921                 color: #fff;
2922         }
2923
2924         .toggled-on .nav-menu > li a:focus,
2925         .toggled-on .nav-menu > ul a:focus {
2926                 background-color: #220e10;
2927                 color: #fff;
2928         }
2929
2930         ul.nav-menu,
2931         div.nav-menu > ul {
2932                 display: none;
2933         }
2934
2935         #content .featured-gallery {
2936                 padding-left: 24px;
2937         }
2938
2939         .gallery-columns-1 .gallery-item {
2940                 margin-right: 0;
2941                 width: 100%;
2942         }
2943
2944         .entry-title,
2945         .format-chat .entry-title,
2946         .format-image .entry-title,
2947         .format-gallery .entry-title,
2948         .format-video .entry-title {
2949                 font-size: 22px;
2950                 font-weight: bold;
2951         }
2952
2953         .format-quote blockquote,
2954         .format-status .entry-content {
2955                 font-size: 18px;
2956         }
2957
2958         .format-quote blockquote small,
2959         .format-quote blockquote cite {
2960                 font-size: 13px;
2961         }
2962
2963         .error404 .page-title {
2964                 padding: 40px 0 0;
2965         }
2966
2967         .error404 .page-title:before {
2968                 content: normal;
2969         }
2970
2971         .comment-author {
2972                 margin-right: 30px;
2973         }
2974
2975         .comment-author .avatar {
2976                 height: auto;
2977                 max-width: 100%;
2978         }
2979
2980         .comment-metadata,
2981         .comment-content,
2982         .comment-list .reply {
2983                 width: 70%;
2984                 width: -webkit-calc(100% - 104px);
2985                 width:         calc(100% - 104px);
2986         }
2987
2988         .comment-form input[type="text"],
2989         .comment-form input[type="email"],
2990         .comment-form input[type="url"] {
2991                 width: -webkit-calc(100% - 120px);
2992                 width:         calc(100% - 120px);
2993         }
2994
2995         .comment-form textarea {
2996                 height: 80px; /* Smaller field for mobile. */
2997         }
2998
2999         /* Audio */
3000         .format-audio .entry-content:before {
3001                 display: none;
3002         }
3003
3004         .format-audio .audio-content {
3005                 background-image: none;
3006                 float: none;
3007                 padding-left: 0;
3008                 width: auto;
3009         }
3010 }
3011
3012 /* Mobile devices */
3013 @media (max-width: 359px) {
3014         .site-title {
3015                 font-weight: normal;
3016         }
3017         .site-description {
3018             clip: rect(1px, 1px, 1px, 1px);
3019             position: absolute;
3020         }
3021         .gallery {
3022                 margin-left: 0;
3023         }
3024
3025         .gallery .gallery-item,
3026         .gallery-columns-2.gallery-size-thumbnail .gallery-item {
3027                 max-width: none;
3028                 width: 49%;
3029                 width: -webkit-calc(50% - 4px);
3030                 width:         calc(50% - 4px);
3031         }
3032
3033         .gallery-columns-1.gallery-size-medium,
3034         .gallery-columns-1.gallery-size-thumbnail,
3035         .gallery-columns-2.gallery-size-thumbnail,
3036         .gallery-columns-3.gallery-size-thumbnail {
3037                 display: block;
3038         }
3039
3040         .gallery-columns-1 .gallery-item,
3041         .gallery-columns-1.gallery-size-medium .gallery-item,
3042         .gallery-columns-1.gallery-size-thumbnail .gallery-item {
3043                 text-align: center;
3044                 width: 98%;
3045                 width: -webkit-calc(100% - 4px);
3046                 width:         calc(100% - 4px);
3047         }
3048
3049         .gallery-columns-3 .gallery-item:nth-of-type(3n),
3050         .gallery-columns-5 .gallery-item:nth-of-type(5n),
3051         .gallery-columns-7 .gallery-item:nth-of-type(7n),
3052         .gallery-columns-9 .gallery-item:nth-of-type(9n) {
3053                 margin-right: 4px;
3054         }
3055
3056         .gallery br {
3057                 display: none;
3058         }
3059
3060         .gallery .gallery-item:nth-of-type(even) {
3061                 margin-right: 0;
3062         }
3063
3064         /* Comments */
3065         .comment-author {
3066                 margin: 0 0 5px;
3067                 max-width: 100%;
3068         }
3069
3070         .comment-author .avatar {
3071                 display: inline;
3072                 margin: 0 5px 0 0;
3073                 max-width: 20px;
3074         }
3075
3076         .comment-metadata,
3077         .comment-content,
3078         .comment-list .reply {
3079                 width: 100%;
3080         }
3081 }
3082
3083
3084 /**
3085  * 9.0 Print
3086  * ----------------------------------------------------------------------------
3087  */
3088
3089 /* Retina-specific styles. */
3090 @media print,
3091         (-o-min-device-pixel-ratio: 5/4),
3092         (-webkit-min-device-pixel-ratio: 1.25),
3093         (min-resolution: 120dpi) {
3094
3095         .site-header .search-field {
3096                 background-image: url(images/search-icon-2x.png);
3097         }
3098
3099         .format-audio .audio-content,
3100         .format-status .entry-content:before,
3101         .format-status .entry-meta:before,
3102         .comment-list > li:after,
3103         .comment-list .children > li:before {
3104                 background-image: url(images/dotted-line-2x.png);
3105         }
3106 }
3107
3108 @media print {
3109         body {
3110                 background: none !important;
3111                 color: #000;
3112                 font-size: 10pt;
3113         }
3114
3115         footer a[rel="bookmark"]:link:after,
3116         footer a[rel="bookmark"]:visited:after {
3117                 content: " [" attr(href) "] "; /* Show URLs */
3118         }
3119
3120         .site {
3121                 max-width: 98%;
3122         }
3123
3124         .site-header {
3125                 background-image: none !important;
3126         }
3127
3128         .site-header .home-link {
3129                 max-width: none;
3130                 min-height: 0;
3131         }
3132
3133         .site-title {
3134                 color: #000;
3135                 font-size: 21pt;
3136         }
3137
3138         .site-description {
3139                 font-size: 10pt;
3140         }
3141
3142         .author-avatar,
3143         .site-footer,
3144         .comment-respond,
3145         .comments-area .comment-edit-link,
3146         .comments-area .reply,
3147         .comments-link,
3148         .entry-meta .edit-link,
3149         .page-links,
3150         .site-content nav,
3151         .widget-area,
3152         .main-navigation,
3153         .navbar,
3154         .more-link {
3155                 display: none;
3156         }
3157
3158         .entry-header,
3159         .entry-content,
3160         .entry-summary,
3161         .entry-meta {
3162                 margin: 0;
3163                 width: 100%;
3164         }
3165
3166         .page-title,
3167         .entry-title {
3168                 font-size: 21pt;
3169         }
3170
3171         .entry-meta,
3172         .entry-meta a {
3173                 color: #444;
3174                 font-size: 10pt;
3175         }
3176
3177         .entry-content img.alignleft,
3178         .entry-content .wp-caption.alignleft {
3179                 margin-left: 0;
3180         }
3181
3182         .entry-content img.alignright,
3183         .entry-content .wp-caption.alignright {
3184                 margin-right: 0;
3185         }
3186
3187         .format-image .entry-content .size-full {
3188                 margin: 0;
3189         }
3190
3191         /* Remove colors from post formats */
3192         .hentry {
3193                 background-color: #fff;
3194         }
3195
3196         /* Comments */
3197         .comments-area > li.comment {
3198                 background: none;
3199                 position: relative;
3200                 width: auto;
3201         }
3202
3203         .comment-metadata {
3204                 float: none;
3205         }
3206
3207         .comment-author .fn,
3208         .comment-reply-link,
3209         .comment-reply-login {
3210                 color: #333;
3211         }
3212 }