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