[Summary view] [Print] [Text view]

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