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