wp-content/themes/twentythirteen/style.css

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