[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-content/themes/twentythirteen/ -> style.css (source)

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


Generated : Sun May 24 08:20:01 2020 Cross-referenced by PHPXref