[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Fourteen
   3  Theme URI: http://wordpress.org/themes/twentyfourteen
   4  Author: the WordPress team
   5  Author URI: http://wordpress.org/
   6  Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
   7  Version: 1.0
   8  License: GNU General Public License v2 or later
   9  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10  Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
  11  Text Domain: twentyfourteen 
  12  
  13  This theme, like WordPress, is licensed under the GPL.
  14  Use it to make something cool, have fun, and share what you've learned with others.
  15  */
  16  
  17  /**
  18   * Table of Contents:
  19   *
  20   * 1.0 - Reset
  21   * 2.0 - Repeatable Patterns
  22   * 3.0 - Basic Structure
  23   * 4.0 - Header
  24   * 5.0 - Navigation
  25   * 6.0 - Content
  26   *   6.1 - Post Thumbnail
  27   *   6.2 - Entry Header
  28   *   6.3 - Entry Meta
  29   *   6.4 - Entry Content
  30   *   6.5 - Galleries
  31   *   6.6 - Post Formats
  32   *   6.7 - Post/Image/Paging Navigation
  33   *   6.8 - Attachments
  34   *   6.9 - Archives
  35   *   6.10 - Contributor Page
  36   *   6.11 - 404 Page
  37   *   6.12 - Full-width
  38   *   6.13 - Singular
  39   *   6.14 - Comments
  40   * 7.0 - Sidebar
  41   *   7.1 - Widgets
  42   *   7.2 - Content Sidebar Widgets
  43   * 8.0 - Footer
  44   * 9.0 - Featured Content
  45   * 10.0 - Multisite
  46   * 11.0 - Media Queries
  47   * 12.0 - Print
  48   * -----------------------------------------------------------------------------
  49   */
  50  
  51  
  52  /**
  53   * 1.0 Reset
  54   *
  55   * Resetting and rebuilding styles have been helped along thanks to the fine
  56   * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
  57   * along with Nicolas Gallagher and Jonathan Neal
  58   * http://necolas.github.com/normalize.css/ and Blueprint
  59   * http://www.blueprintcss.org/
  60   *
  61   * -----------------------------------------------------------------------------
  62   */
  63  
  64  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  65      border: 0;
  66      font-family: inherit;
  67      font-size: 100%;
  68      font-style: inherit;
  69      font-weight: inherit;
  70      margin: 0;
  71      outline: 0;
  72      padding: 0;
  73      vertical-align: baseline;
  74  }
  75  
  76  article,
  77  aside,
  78  details,
  79  figcaption,
  80  figure,
  81  footer,
  82  header,
  83  hgroup,
  84  nav,
  85  section {
  86      display: block;
  87  }
  88  
  89  audio,
  90  canvas,
  91  video {
  92      display: inline-block;
  93      max-width: 100%;
  94  }
  95  
  96  html {
  97      overflow-y: scroll;
  98      -webkit-text-size-adjust: 100%;
  99      -ms-text-size-adjust:     100%;
 100  }
 101  
 102  body,
 103  button,
 104  input,
 105  select,
 106  textarea {
 107      color: #2b2b2b;
 108      font-family: Lato, sans-serif;
 109      font-size: 16px;
 110      font-weight: 400;
 111      line-height: 1.5;
 112  }
 113  
 114  body {
 115      background: #f5f5f5;
 116  }
 117  
 118  a {
 119      color: #24890d;
 120      text-decoration: none;
 121  }
 122  
 123  a:focus {
 124      outline: thin dotted;
 125  }
 126  
 127  a:hover,
 128  a:active {
 129      outline: 0;
 130  }
 131  
 132  a:active,
 133  a:hover {
 134      color: #41a62a;
 135  }
 136  
 137  h1,
 138  h2,
 139  h3,
 140  h4,
 141  h5,
 142  h6 {
 143      clear: both;
 144      font-weight: 700;
 145      margin: 36px 0 12px;
 146  }
 147  
 148  h1 {
 149      font-size: 26px;
 150      line-height: 1.3846153846;
 151  }
 152  
 153  h2 {
 154      font-size: 24px;
 155      line-height: 1;
 156  }
 157  
 158  h3 {
 159      font-size: 22px;
 160      line-height: 1.0909090909;
 161  }
 162  
 163  h4 {
 164      font-size: 20px;
 165      line-height: 1.2;
 166  }
 167  
 168  h5 {
 169      font-size: 18px;
 170      line-height: 1.3333333333;
 171  }
 172  
 173  h6 {
 174      font-size: 16px;
 175      line-height: 1.5;
 176  }
 177  
 178  address {
 179      font-style: italic;
 180      margin-bottom: 24px;
 181  }
 182  
 183  abbr[title] {
 184      border-bottom: 1px dotted #2b2b2b;
 185      cursor: help;
 186  }
 187  
 188  b,
 189  strong {
 190      font-weight: 700;
 191  }
 192  
 193  cite,
 194  dfn,
 195  em,
 196  i {
 197      font-style: italic;
 198  }
 199  
 200  mark,
 201  ins {
 202      background: #fff9c0;
 203      text-decoration: none;
 204  }
 205  
 206  p {
 207      margin-bottom: 24px;
 208  }
 209  
 210  code,
 211  kbd,
 212  tt,
 213  var,
 214  samp,
 215  pre {
 216      font-family: monospace, serif;
 217      font-size: 15px;
 218      -webkit-hyphens: none;
 219      -moz-hyphens:    none;
 220      -ms-hyphens:     none;
 221      hyphens:         none;
 222      line-height: 1.6;
 223  }
 224  
 225  pre {
 226      border: 1px solid rgba(0, 0, 0, 0.1);
 227      -webkit-box-sizing: border-box;
 228      -moz-box-sizing:    border-box;
 229      box-sizing:         border-box;
 230      margin-bottom: 24px;
 231      max-width: 100%;
 232      overflow: auto;
 233      padding: 12px;
 234      white-space: pre;
 235      white-space: pre-wrap;
 236      word-wrap: break-word;
 237  }
 238  
 239  blockquote,
 240  q {
 241      -webkit-hyphens: none;
 242      -moz-hyphens:    none;
 243      -ms-hyphens:     none;
 244      hyphens:         none;
 245      quotes: none;
 246  }
 247  
 248  blockquote:before,
 249  blockquote:after,
 250  q:before,
 251  q:after {
 252      content: "";
 253      content: none;
 254  }
 255  
 256  blockquote {
 257      color: #767676;
 258      font-size: 19px;
 259      font-style: italic;
 260      font-weight: 300;
 261      line-height: 1.2631578947;
 262      margin-bottom: 24px;
 263  }
 264  
 265  blockquote cite,
 266  blockquote small {
 267      color: #2b2b2b;
 268      font-size: 16px;
 269      font-weight: 400;
 270      line-height: 1.5;
 271  }
 272  
 273  blockquote em,
 274  blockquote i,
 275  blockquote cite {
 276      font-style: normal;
 277  }
 278  
 279  blockquote strong,
 280  blockquote b {
 281      font-weight: 400;
 282  }
 283  
 284  small {
 285      font-size: smaller;
 286  }
 287  
 288  big {
 289      font-size: 125%;
 290  }
 291  
 292  sup,
 293  sub {
 294      font-size: 75%;
 295      height: 0;
 296      line-height: 0;
 297      position: relative;
 298      vertical-align: baseline;
 299  }
 300  
 301  sup {
 302      bottom: 1ex;
 303  }
 304  
 305  sub {
 306      top: .5ex;
 307  }
 308  
 309  dl {
 310      margin-bottom: 24px;
 311  }
 312  
 313  dt {
 314      font-weight: bold;
 315  }
 316  
 317  dd {
 318      margin-bottom: 24px;
 319  }
 320  
 321  ul,
 322  ol {
 323      list-style: none;
 324      margin: 0 0 24px 20px;
 325  }
 326  
 327  ul {
 328      list-style: disc;
 329  }
 330  
 331  ol {
 332      list-style: decimal;
 333  }
 334  
 335  li > ul,
 336  li > ol {
 337      margin: 0 0 0 20px;
 338  }
 339  
 340  img {
 341      -ms-interpolation-mode: bicubic;
 342      border: 0;
 343      vertical-align: middle;
 344  }
 345  
 346  figure {
 347      margin: 0;
 348  }
 349  
 350  fieldset {
 351      border: 1px solid rgba(0, 0, 0, 0.1);
 352      margin: 0 0 24px;
 353      padding: 11px 12px 0;
 354  }
 355  
 356  legend {
 357      white-space: normal;
 358  }
 359  
 360  button,
 361  input,
 362  select,
 363  textarea {
 364      -webkit-box-sizing: border-box;
 365      -moz-box-sizing:    border-box;
 366      box-sizing:         border-box;
 367      font-size: 100%;
 368      margin: 0;
 369      max-width: 100%;
 370      vertical-align: baseline;
 371  }
 372  
 373  button,
 374  input {
 375      line-height: normal;
 376  }
 377  
 378  input,
 379  textarea {
 380      background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
 381  }
 382  
 383  button,
 384  html input[type="button"],
 385  input[type="reset"],
 386  input[type="submit"] {
 387      -webkit-appearance: button;
 388      cursor: pointer;
 389  }
 390  
 391  button[disabled],
 392  input[disabled] {
 393      cursor: default;
 394  }
 395  
 396  input[type="checkbox"],
 397  input[type="radio"] {
 398      padding: 0;
 399  }
 400  
 401  input[type="search"] {
 402      -webkit-appearance: textfield;
 403  }
 404  
 405  input[type="search"]::-webkit-search-decoration {
 406      -webkit-appearance: none;
 407  }
 408  
 409  button::-moz-focus-inner,
 410  input::-moz-focus-inner {
 411      border: 0;
 412      padding: 0;
 413  }
 414  
 415  textarea {
 416      overflow: auto;
 417      vertical-align: top;
 418  }
 419  
 420  table,
 421  th,
 422  td {
 423      border: 1px solid rgba(0, 0, 0, 0.1);
 424  }
 425  
 426  table {
 427      border-collapse: separate;
 428      border-spacing: 0;
 429      border-width: 1px 0 0 1px;
 430      margin-bottom: 24px;
 431      width: 100%;
 432  }
 433  
 434  caption,
 435  th,
 436  td {
 437      font-weight: normal;
 438      text-align: left;
 439  }
 440  
 441  th {
 442      border-width: 0 1px 1px 0;
 443      font-weight: bold;
 444  }
 445  
 446  td {
 447      border-width: 0 1px 1px 0;
 448  }
 449  
 450  del {
 451      color: #767676;
 452  }
 453  
 454  hr {
 455      background-color: rgba(0, 0, 0, 0.1);
 456      border: 0;
 457      height: 1px;
 458      margin-bottom: 23px;
 459  }
 460  
 461  /* Support a widely-adopted but non-standard selector for text selection styles
 462   * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 463   */
 464  ::selection {
 465      background: #24890d;
 466      color: #fff;
 467      text-shadow: none;
 468  }
 469  
 470  ::-moz-selection {
 471      background: #24890d;
 472      color: #fff;
 473      text-shadow: none;
 474  }
 475  
 476  
 477  /**
 478   * 2.0 Repeatable Patterns
 479   * -----------------------------------------------------------------------------
 480   */
 481  
 482  /* Input fields */
 483  
 484  input,
 485  textarea {
 486      border: 1px solid rgba(0, 0, 0, 0.1);
 487      border-radius: 2px;
 488      color: #2b2b2b;
 489      padding: 8px 10px 7px;
 490  }
 491  
 492  textarea {
 493      width: 100%;
 494  }
 495  
 496  input:focus,
 497  textarea:focus {
 498      border: 1px solid rgba(0, 0, 0, 0.3);
 499      outline: 0;
 500  }
 501  
 502  /* Buttons */
 503  
 504  button,
 505  .contributor-posts-link,
 506  input[type="button"],
 507  input[type="reset"],
 508  input[type="submit"] {
 509      background-color: #24890d;
 510      border: 0;
 511      border-radius: 2px;
 512      color: #fff;
 513      font-size: 12px;
 514      font-weight: 700;
 515      padding: 10px 30px 11px;
 516      text-transform: uppercase;
 517      vertical-align: bottom;
 518  }
 519  
 520  button:hover,
 521  button:focus,
 522  .contributor-posts-link:hover,
 523  input[type="button"]:hover,
 524  input[type="button"]:focus,
 525  input[type="reset"]:hover,
 526  input[type="reset"]:focus,
 527  input[type="submit"]:hover,
 528  input[type="submit"]:focus {
 529      background-color: #41a62a;
 530      color: #fff;
 531  }
 532  
 533  button:active,
 534  .contributor-posts-link:active,
 535  input[type="button"]:active,
 536  input[type="reset"]:active,
 537  input[type="submit"]:active {
 538      background-color: #55d737;
 539  }
 540  
 541  .search-field {
 542      width: 100%;
 543  }
 544  
 545  .search-submit {
 546      display: none;
 547  }
 548  
 549  /* Placeholder text color -- selectors need to be separate to work. */
 550  
 551  ::-webkit-input-placeholder {
 552      color: #939393;
 553  }
 554  
 555  :-moz-placeholder {
 556      color: #939393;
 557  }
 558  
 559  ::-moz-placeholder {
 560      color: #939393;
 561      opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
 562  }
 563  
 564  :-ms-input-placeholder {
 565      color: #939393;
 566  }
 567  
 568  /* Responsive images. Fluid images for posts, comments, and widgets */
 569  
 570  .comment-content img,
 571  .entry-content img,
 572  .entry-summary img,
 573  #site-header img,
 574  .widget img,
 575  .wp-caption {
 576      max-width: 100%;
 577  }
 578  
 579  /**
 580   * Make sure images with WordPress-added height and width attributes are
 581   * scaled correctly.
 582   */
 583  
 584  .comment-content img[height],
 585  .entry-content img,
 586  .entry-summary img,
 587  img[class*="align"],
 588  img[class*="wp-image-"],
 589  img[class*="attachment-"],
 590  #site-header img {
 591      height: auto;
 592  }
 593  
 594  img.size-full,
 595  img.size-large,
 596  .wp-post-image,
 597  .post-thumbnail img {
 598      height: auto;
 599      max-width: 100%;
 600  }
 601  
 602  /* Make sure embeds and iframes fit their containers */
 603  
 604  embed,
 605  iframe,
 606  object,
 607  video {
 608      margin-bottom: 24px;
 609      max-width: 100%;
 610  }
 611  
 612  p > embed,
 613  p > iframe,
 614  p > object,
 615  span > embed,
 616  span > iframe,
 617  span > object {
 618      margin-bottom: 0;
 619  }
 620  
 621  /* Alignment */
 622  
 623  .alignleft {
 624      float: left;
 625  }
 626  
 627  .alignright {
 628      float: right;
 629  }
 630  
 631  .aligncenter {
 632      display: block;
 633      margin-left: auto;
 634      margin-right: auto;
 635  }
 636  
 637  blockquote.alignleft,
 638  img.alignleft {
 639      margin: 7px 24px 7px 0;
 640  }
 641  
 642  .wp-caption.alignleft {
 643      margin: 7px 14px 7px 0;
 644  }
 645  
 646  blockquote.alignright,
 647  img.alignright {
 648      margin: 7px 0 7px 24px;
 649  }
 650  
 651  .wp-caption.alignright {
 652      margin: 7px 0 7px 14px;
 653  }
 654  
 655  blockquote.aligncenter,
 656  img.aligncenter,
 657  .wp-caption.aligncenter {
 658      margin-top: 7px;
 659      margin-bottom: 7px;
 660  }
 661  
 662  .site-content blockquote.alignleft,
 663  .site-content blockquote.alignright {
 664      border-top: 1px solid rgba(0, 0, 0, 0.1);
 665      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 666      padding-top: 17px;
 667      width: 50%;
 668  }
 669  
 670  .site-content blockquote.alignleft p,
 671  .site-content blockquote.alignright p {
 672      margin-bottom: 17px;
 673  }
 674  
 675  .wp-caption {
 676      margin-bottom: 24px;
 677  }
 678  
 679  .wp-caption img[class*="wp-image-"] {
 680      display: block;
 681      margin: 0;
 682  }
 683  
 684  .wp-caption {
 685      color: #767676;
 686  }
 687  
 688  .wp-caption-text {
 689      -webkit-box-sizing: border-box;
 690      -moz-box-sizing:    border-box;
 691      box-sizing:         border-box;
 692      font-size: 12px;
 693      font-style: italic;
 694      line-height: 1.5;
 695      margin: 9px 0;
 696      padding-right: 10px;
 697  }
 698  
 699  .wp-smiley {
 700      border: 0;
 701      margin-bottom: 0;
 702      margin-top: 0;
 703      padding: 0;
 704  }
 705  
 706  /* Assistive text */
 707  
 708  .screen-reader-text {
 709      clip: rect(1px, 1px, 1px, 1px);
 710      position: absolute;
 711  }
 712  
 713  .screen-reader-text:focus {
 714      background-color: #f1f1f1;
 715      border-radius: 3px;
 716      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 717      clip: auto;
 718      color: #21759b;
 719      display: block;
 720      font-size: 14px;
 721      font-weight: bold;
 722      height: auto;
 723      line-height: normal;
 724      padding: 15px 23px 14px;
 725      position: absolute;
 726      left: 5px;
 727      top: 5px;
 728      text-decoration: none;
 729      text-transform: none;
 730      width: auto;
 731      z-index: 100000; /* Above WP toolbar */
 732  }
 733  
 734  .hide {
 735      display: none;
 736  }
 737  
 738  /* Clearing floats */
 739  
 740  .footer-sidebar:before,
 741  .footer-sidebar:after,
 742  .hentry:before,
 743  .hentry:after,
 744  .slider-direction-nav:before,
 745  .slider-direction-nav:after,
 746  .contributor-info:before,
 747  .contributor-info:after,
 748  .search-box:before,
 749  .search-box:after,
 750  [class*="content"]:before,
 751  [class*="content"]:after,
 752  [class*="site"]:before,
 753  [class*="site"]:after {
 754      content: "";
 755      display: table;
 756  }
 757  
 758  .footer-sidebar:after,
 759  .hentry:after,
 760  .slider-direction-nav:after,
 761  .contributor-info:after,
 762  .search-box:after,
 763  [class*="content"]:after,
 764  [class*="site"]:after {
 765      clear: both;
 766  }
 767  
 768  /* Genericons */
 769  
 770  .bypostauthor > article .fn:before,
 771  .comment-edit-link:before,
 772  .comment-reply-link:before,
 773  .comment-reply-login:before,
 774  .comment-reply-title small a:before,
 775  .contributor-posts-link:before,
 776  .menu-toggle:before,
 777  .search-toggle:before,
 778  .slider-direction-nav a:before,
 779  .widget_twentyfourteen_ephemera .widget-title:before {
 780      -webkit-font-smoothing: antialiased;
 781      display: inline-block;
 782      font: normal 16px/1 Genericons;
 783      text-decoration: inherit;
 784      vertical-align: text-bottom;
 785  }
 786  
 787  /* Separators */
 788  
 789  .site-content span + .entry-date:before,
 790  .full-size-link:before,
 791  .parent-post-link:before,
 792  span + .byline:before,
 793  span + .comments-link:before,
 794  span + .edit-link:before,
 795  .widget_twentyfourteen_ephemera .entry-title:after {
 796      content: "\0020\007c\0020";
 797  }
 798  
 799  
 800  /**
 801   * 3.0 Basic Structure
 802   * -----------------------------------------------------------------------------
 803   */
 804  
 805  .site {
 806      background-color: #fff;
 807      max-width: 1260px;
 808      position: relative;
 809  }
 810  
 811  .main-content {
 812      width: 100%;
 813  }
 814  
 815  
 816  /**
 817   * 4.0 Header
 818   * -----------------------------------------------------------------------------
 819   */
 820  
 821  /* Ensure that there is no gap between the header and
 822     the admin bar for WordPress versions before 3.8. */
 823  #wpadminbar {
 824      min-height: 32px;
 825  }
 826  
 827  #site-header {
 828      position: relative;
 829      z-index: 3;
 830  }
 831  
 832  .site-header {
 833      background-color: #000;
 834      max-width: 1260px;
 835      position: relative;
 836      width: 100%;
 837      z-index: 4;
 838  }
 839  
 840  .header-main {
 841      min-height: 48px;
 842      padding: 0 10px;
 843  }
 844  
 845  .site-title {
 846      float: left;
 847      font-size: 18px;
 848      font-weight: 700;
 849      line-height: 48px;
 850      margin: 0;
 851  }
 852  
 853  .site-title a,
 854  .site-title a:hover {
 855      color: #fff;
 856  }
 857  
 858  /* Search in the header */
 859  
 860  .search-toggle {
 861      background-color: #24890d;
 862      cursor: pointer;
 863      float: right;
 864      height: 48px;
 865      margin-right: 38px;
 866      text-align: center;
 867      width: 48px;
 868  }
 869  
 870  .search-toggle:hover,
 871  .search-toggle.active {
 872      background-color: #41a62a;
 873  }
 874  
 875  .search-toggle:before {
 876      color: #fff;
 877      content: "\f400";
 878      font-size: 20px;
 879      margin-top: 14px;
 880  }
 881  
 882  .search-toggle .screen-reader-text {
 883      left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
 884  }
 885  
 886  .search-box-wrapper {
 887      -webkit-box-sizing: border-box;
 888      -moz-box-sizing:    border-box;
 889      box-sizing:         border-box;
 890      position: absolute;
 891      top: 48px;
 892      right: 0;
 893      width: 100%;
 894      z-index: 2;
 895  }
 896  
 897  .search-box {
 898      background-color: #41a62a;
 899      padding: 12px;
 900  }
 901  
 902  .search-box .search-field {
 903      background-color: #fff;
 904      border: 0;
 905      float: right;
 906      font-size: 16px;
 907      padding: 2px 2px 3px 6px;
 908      width: 100%;
 909  }
 910  
 911  
 912  /**
 913   * 5.0 Navigation
 914   * -----------------------------------------------------------------------------
 915   */
 916  
 917  .site-navigation ul {
 918      list-style: none;
 919      margin: 0;
 920  }
 921  
 922  .site-navigation li {
 923      border-top: 1px solid rgba(255, 255, 255, 0.2);
 924  }
 925  
 926  .site-navigation ul ul {
 927      margin-left: 20px;
 928  }
 929  
 930  .site-navigation a {
 931      color: #fff;
 932      display: block;
 933      text-transform: uppercase;
 934  }
 935  
 936  .site-navigation a:hover {
 937      color: #41a62a;
 938  }
 939  
 940  .site-navigation .current_page_item > a,
 941  .site-navigation .current_page_ancestor > a,
 942  .site-navigation .current-menu-item > a,
 943  .site-navigation .current-menu-ancestor > a {
 944      color: #55d737;
 945      font-weight: 900;
 946  }
 947  
 948  /* Primary Navigation */
 949  
 950  .primary-navigation {
 951      -webkit-box-sizing: border-box;
 952      -moz-box-sizing:    border-box;
 953      box-sizing:         border-box;
 954      font-size: 14px;
 955      padding-top: 24px;
 956  }
 957  
 958  .primary-navigation.toggled-on {
 959      padding: 72px 0 36px;
 960  }
 961  
 962  .primary-navigation .nav-menu {
 963      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 964      display: none;
 965  }
 966  
 967  .primary-navigation.toggled-on .nav-menu {
 968      display: block;
 969  }
 970  
 971  .primary-navigation a {
 972      padding: 7px 0;
 973  }
 974  
 975  /* Secondary Navigation */
 976  
 977  .secondary-navigation {
 978      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 979      font-size: 12px;
 980      margin: 48px 0;
 981  }
 982  
 983  .secondary-navigation a {
 984      padding: 9px 0;
 985  }
 986  
 987  .menu-toggle {
 988      cursor: pointer;
 989      font-size: 0;
 990      height: 48px;
 991      margin: 0;
 992      overflow: hidden;
 993      position: absolute;
 994      top: 0;
 995      right: 0;
 996      text-align: center;
 997      width: 48px;
 998  }
 999  
1000  .menu-toggle:before {
1001      color: #fff;
1002      content: "\f419";
1003      margin-top: 16px;
1004  }
1005  
1006  
1007  /**
1008   * 6.0 Content
1009   * -----------------------------------------------------------------------------
1010   */
1011  
1012  .content-area {
1013      padding-top: 48px;
1014  }
1015  
1016  .hentry {
1017      margin: 0 auto 48px;
1018      max-width: 672px;
1019  }
1020  
1021  .site-content .entry-header,
1022  .site-content .entry-content,
1023  .site-content .entry-summary,
1024  .site-content .entry-meta,
1025  .page-content {
1026      margin: 0 auto;
1027      max-width: 474px;
1028  }
1029  
1030  .page-content {
1031      margin-bottom: 48px;
1032  }
1033  
1034  
1035  /**
1036   * 6.1 Post Thumbnail
1037   * -----------------------------------------------------------------------------
1038   */
1039  
1040  .post-thumbnail {
1041      background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
1042      display: block;
1043      position: relative;
1044      width: 100%;
1045      z-index: 0;
1046  }
1047  
1048  a.post-thumbnail:hover {
1049      background-color: #999;
1050  }
1051  
1052  .full-width .post-thumbnail img {
1053      display: block;
1054      margin: 0 auto;
1055  }
1056  
1057  
1058  /**
1059   * 6.2 Entry Header
1060   * -----------------------------------------------------------------------------
1061   */
1062  
1063  .entry-header {
1064      position: relative;
1065      z-index: 1;
1066  }
1067  
1068  .entry-title {
1069      font-size: 33px;
1070      font-weight: 300;
1071      line-height: 1.0909090909;
1072      margin-bottom: 12px;
1073      margin: 0 0 12px 0;
1074      text-transform: uppercase;
1075  }
1076  
1077  .entry-title a {
1078      color: #2b2b2b;
1079  }
1080  
1081  .entry-title a:hover {
1082      color: #41a62a;
1083  }
1084  
1085  .site-content .entry-header {
1086      background-color: #fff;
1087      padding: 0 10px 12px;
1088  }
1089  
1090  .site-content .has-post-thumbnail .entry-header {
1091      padding-top: 24px;
1092  }
1093  
1094  
1095  /**
1096   * 6.3 Entry Meta
1097   * -----------------------------------------------------------------------------
1098   */
1099  
1100  .entry-meta {
1101      clear: both;
1102      color: #767676;
1103      font-size: 12px;
1104      font-weight: 400;
1105      line-height: 1.3333333333;
1106      text-transform: uppercase;
1107  }
1108  
1109  .entry-meta a {
1110      color: #767676;
1111  }
1112  
1113  .entry-meta a:hover {
1114      color: #41a62a;
1115  }
1116  
1117  .sticky .entry-date {
1118      display: none;
1119  }
1120  
1121  .cat-links {
1122      font-weight: 900;
1123      text-transform: uppercase;
1124  }
1125  
1126  .cat-links a {
1127      color: #2b2b2b;
1128  }
1129  
1130  .cat-links a:hover {
1131      color: #41a62a;
1132  }
1133  
1134  .byline {
1135      display: none;
1136  }
1137  
1138  .single .byline,
1139  .group-blog .byline {
1140      display: inline;
1141  }
1142  
1143  .site-content .entry-meta {
1144      background-color: #fff;
1145      margin-bottom: 8px;
1146  }
1147  
1148  .site-content footer.entry-meta {
1149      margin: 24px auto 0;
1150      padding: 0 10px;
1151  }
1152  
1153  /* Tag links style */
1154  
1155  .entry-meta .tag-links a {
1156      background-color: #767676;
1157      border-radius: 0 2px 2px 0;
1158      color: #fff;
1159      display: inline-block;
1160      font-size: 11px;
1161      font-weight: 700;
1162      line-height: 1.2727272727;
1163      margin: 2px 4px 2px 10px;
1164      padding: 3px 7px;
1165      position: relative;
1166      text-transform: uppercase;
1167  }
1168  
1169  .entry-meta .tag-links a:hover {
1170      background-color: #41a62a;
1171      color: #fff;
1172  }
1173  
1174  .entry-meta .tag-links a:before {
1175      border-top: 10px solid transparent;
1176      border-right: 8px solid #767676;
1177      border-bottom: 10px solid transparent;
1178      content: "";
1179      height: 0;
1180      position: absolute;
1181      top: 0;
1182      left: -8px;
1183      width: 0;
1184  }
1185  
1186  .entry-meta .tag-links a:hover:before {
1187      border-right-color: #41a62a;
1188  }
1189  
1190  .entry-meta .tag-links a:after {
1191      background-color: #fff;
1192      border-radius: 50%;
1193      content: "";
1194      height: 4px;
1195      position: absolute;
1196      top: 8px;
1197      left: -2px;
1198      width: 4px;
1199  }
1200  
1201  
1202  /**
1203   * 6.4 Entry Content
1204   * -----------------------------------------------------------------------------
1205   */
1206  
1207  .entry-content,
1208  .entry-summary,
1209  .page-content {
1210      -webkit-hyphens: auto;
1211      -moz-hyphens:    auto;
1212      -ms-hyphens:     auto;
1213      hyphens:         auto;
1214      word-wrap: break-word;
1215  }
1216  
1217  .site-content .entry-content,
1218  .site-content .entry-summary,
1219  .page-content {
1220      background-color: #fff;
1221      padding: 12px 10px 0;
1222  }
1223  
1224  .page .entry-content {
1225      padding-top: 0;
1226  }
1227  
1228  .entry-content h1:first-child,
1229  .entry-content h2:first-child,
1230  .entry-content h3:first-child,
1231  .entry-content h4:first-child,
1232  .entry-content h5:first-child,
1233  .entry-content h6:first-child,
1234  .entry-summary h1:first-child,
1235  .entry-summary h2:first-child,
1236  .entry-summary h3:first-child,
1237  .entry-summary h4:first-child,
1238  .entry-summary h5:first-child,
1239  .entry-summary h6:first-child,
1240  .page-content h1:first-child,
1241  .page-content h2:first-child,
1242  .page-content h3:first-child,
1243  .page-content h4:first-child,
1244  .page-content h5:first-child,
1245  .page-content h6:first-child {
1246      margin-top: 0;
1247  }
1248  
1249  .entry-content a,
1250  .entry-summary a,
1251  .page-content a,
1252  .comment-content a {
1253      text-decoration: underline;
1254  }
1255  
1256  .entry-content a:hover,
1257  .entry-summary a:hover,
1258  .page-content a:hover,
1259  .comment-content a:hover {
1260      text-decoration: none;
1261  }
1262  
1263  .entry-content table,
1264  .comment-content table {
1265      font-size: 14px;
1266      line-height: 1.2857142857;
1267      margin-bottom: 24px;
1268  }
1269  
1270  .entry-content th,
1271  .comment-content th {
1272      font-weight: 700;
1273      padding: 8px;
1274      text-transform: uppercase;
1275  }
1276  
1277  .entry-content td,
1278  .comment-content td {
1279      padding: 8px;
1280  }
1281  
1282  .entry-content .edit-link {
1283      clear: both;
1284      display: block;
1285      font-size: 12px;
1286      font-weight: 400;
1287      line-height: 1.3333333333;
1288      text-transform: uppercase;
1289  }
1290  
1291  .entry-content .edit-link a {
1292      color: #767676;
1293      text-decoration: none;
1294  }
1295  
1296  .entry-content .edit-link a:hover {
1297      color: #41a62a;
1298  }
1299  
1300  /* Mediaelements */
1301  
1302  .hentry .mejs-container {
1303      margin: 12px 0 18px;
1304  }
1305  
1306  .hentry .mejs-mediaelement,
1307  .hentry .mejs-container .mejs-controls {
1308      background: #000;
1309  }
1310  
1311  .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
1312  .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
1313      background: #fff;
1314  }
1315  
1316  .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
1317      background: #24890d;
1318  }
1319  
1320  .hentry .mejs-controls .mejs-time-rail .mejs-time-total,
1321  .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
1322      background: rgba(255,255,255,.33);
1323  }
1324  
1325  .hentry .mejs-container .mejs-controls .mejs-time {
1326      padding-top: 9px;
1327  }
1328  
1329  .hentry .mejs-controls .mejs-time-rail span,
1330  .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
1331  .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
1332      border-radius: 0;
1333  }
1334  
1335  .hentry .mejs-overlay-loading {
1336      background: transparent;
1337  }
1338  
1339  /* Page links */
1340  
1341  .page-links {
1342      clear: both;
1343      font-size: 12px;
1344      font-weight: 900;
1345      line-height: 2;
1346      margin: 24px 0;
1347      text-transform: uppercase;
1348  }
1349  
1350  .page-links a,
1351  .page-links > span {
1352      background: #fff;
1353      border: 1px solid #fff;
1354      display: inline-block;
1355      height: 22px;
1356      margin: 0 1px 2px 0;
1357      text-align: center;
1358      width: 22px;
1359  }
1360  
1361  .page-links a {
1362      background: #000;
1363      border: 1px solid #000;
1364      color: #fff;
1365      text-decoration: none;
1366  }
1367  
1368  .page-links a:hover {
1369      background: #41a62a;
1370      border: 1px solid #41a62a;
1371      color: #fff;
1372  }
1373  
1374  .page-links > .page-links-title {
1375      height: auto;
1376      margin: 0;
1377      padding-right: 7px;
1378      width: auto;
1379  }
1380  
1381  
1382  /**
1383   * 6.5 Gallery
1384   * -----------------------------------------------------------------------------
1385   */
1386  
1387  .gallery {
1388      margin-bottom: 20px;
1389  }
1390  
1391  .gallery-item {
1392      float: left;
1393      margin: 0 4px 4px 0;
1394      overflow: hidden;
1395      position: relative;
1396  }
1397  
1398  .gallery-columns-1 .gallery-item {
1399      max-width: 100%;
1400  }
1401  
1402  .gallery-columns-2 .gallery-item {
1403      max-width: 48%;
1404      max-width: -webkit-calc(50% - 4px);
1405      max-width:         calc(50% - 4px);
1406  }
1407  
1408  .gallery-columns-3 .gallery-item {
1409      max-width: 32%;
1410      max-width: -webkit-calc(33.3% - 4px);
1411      max-width:         calc(33.3% - 4px);
1412  }
1413  
1414  .gallery-columns-4 .gallery-item {
1415      max-width: 23%;
1416      max-width: -webkit-calc(25% - 4px);
1417      max-width:         calc(25% - 4px);
1418  }
1419  
1420  .gallery-columns-5 .gallery-item {
1421      max-width: 19%;
1422      max-width: -webkit-calc(20% - 4px);
1423      max-width:         calc(20% - 4px);
1424  }
1425  
1426  .gallery-columns-6 .gallery-item {
1427      max-width: 15%;
1428      max-width: -webkit-calc(16.7% - 4px);
1429      max-width:         calc(16.7% - 4px);
1430  }
1431  
1432  .gallery-columns-7 .gallery-item {
1433      max-width: 13%;
1434      max-width: -webkit-calc(14.28% - 4px);
1435      max-width:         calc(14.28% - 4px);
1436  }
1437  
1438  .gallery-columns-8 .gallery-item {
1439      max-width: 11%;
1440      max-width: -webkit-calc(12.5% - 4px);
1441      max-width:         calc(12.5% - 4px);
1442  }
1443  
1444  .gallery-columns-9 .gallery-item {
1445      max-width: 9%;
1446      max-width: -webkit-calc(11.1% - 4px);
1447      max-width:         calc(11.1% - 4px);
1448  }
1449  
1450  .gallery-columns-1 .gallery-item:nth-of-type(1n),
1451  .gallery-columns-2 .gallery-item:nth-of-type(2n),
1452  .gallery-columns-3 .gallery-item:nth-of-type(3n),
1453  .gallery-columns-4 .gallery-item:nth-of-type(4n),
1454  .gallery-columns-5 .gallery-item:nth-of-type(5n),
1455  .gallery-columns-6 .gallery-item:nth-of-type(6n),
1456  .gallery-columns-7 .gallery-item:nth-of-type(7n),
1457  .gallery-columns-8 .gallery-item:nth-of-type(8n),
1458  .gallery-columns-9 .gallery-item:nth-of-type(9n) {
1459      margin-right: 0;
1460  }
1461  
1462  .gallery-caption {
1463      background-color: rgba(0, 0, 0, 0.7);
1464      -webkit-box-sizing: border-box;
1465      -moz-box-sizing:    border-box;
1466      box-sizing:         border-box;
1467      color: #fff;
1468      font-size: 12px;
1469      line-height: 1.5;
1470      margin: 0;
1471      max-height: 50%;
1472      opacity: 0;
1473      padding: 6px 8px;
1474      position: absolute;
1475      bottom: 0;
1476      left: 0;
1477      text-align: left;
1478      width: 100%;
1479  }
1480  
1481  .gallery-caption:before {
1482      content: "";
1483      height: 100%;
1484      min-height: 49px;
1485      position: absolute;
1486      top: 0;
1487      left: 0;
1488      width: 100%;
1489  }
1490  
1491  .gallery-item:hover .gallery-caption {
1492      opacity: 1;
1493  }
1494  
1495  .gallery-columns-7 .gallery-caption,
1496  .gallery-columns-8 .gallery-caption,
1497  .gallery-columns-9 .gallery-caption {
1498      display: none;
1499  }
1500  
1501  
1502  /**
1503   * 6.6 Post Formats
1504   * -----------------------------------------------------------------------------
1505   */
1506  
1507  .format-aside .entry-content,
1508  .format-aside .entry-summary,
1509  .format-quote .entry-content,
1510  .format-quote .entry-summary,
1511  .format-link .entry-content,
1512  .format-link .entry-summary {
1513      padding-top: 0;
1514  }
1515  
1516  .site-content .format-link .entry-title,
1517  .site-content .format-aside .entry-title,
1518  .site-content .format-quote .entry-title {
1519      display: none;
1520  }
1521  
1522  
1523  /**
1524   * 6.7 Post/Image/Paging Navigation
1525   * -----------------------------------------------------------------------------
1526   */
1527  
1528  .nav-links {
1529      -webkit-hyphens: auto;
1530      -moz-hyphens:    auto;
1531      -ms-hyphens:     auto;
1532      border-top: 1px solid rgba(0, 0, 0, 0.1);
1533      hyphens:         auto;
1534      word-wrap: break-word;
1535  }
1536  
1537  .post-navigation,
1538  .image-navigation {
1539      margin: 24px auto 48px;
1540      max-width: 474px;
1541      padding: 0 10px;
1542  }
1543  
1544  .post-navigation a,
1545  .image-navigation .previous-image,
1546  .image-navigation .next-image {
1547      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1548      padding: 11px 0 12px;
1549      width: 100%;
1550  }
1551  
1552  .post-navigation .meta-nav {
1553      color: #767676;
1554      display: block;
1555      font-size: 12px;
1556      font-weight: 900;
1557      line-height: 2;
1558      text-transform: uppercase;
1559  }
1560  
1561  .post-navigation a,
1562  .image-navigation a {
1563      color: #2b2b2b;
1564      display: block;
1565      font-size: 14px;
1566      font-weight: 700;
1567      line-height: 1.7142857142;
1568      text-transform: none;
1569  }
1570  
1571  .post-navigation a:hover,
1572  .image-navigation a:hover {
1573      color: #41a62a;
1574  }
1575  
1576  /* Paging Navigation */
1577  
1578  .paging-navigation {
1579      border-top: 5px solid #000;
1580      margin: 48px 0;
1581  }
1582  
1583  .paging-navigation .loop-pagination {
1584      margin-top: -5px;
1585      text-align: center;
1586  }
1587  
1588  .paging-navigation .page-numbers {
1589      border-top: 5px solid transparent;
1590      display: inline-block;
1591      font-size: 14px;
1592      font-weight: 900;
1593      margin-right: 1px;
1594      padding: 7px 16px;
1595      text-transform: uppercase;
1596  }
1597  
1598  .paging-navigation a {
1599      color: #2b2b2b;
1600  }
1601  
1602  .paging-navigation .page-numbers.current {
1603      border-top: 5px solid #24890d;
1604  }
1605  
1606  .paging-navigation a:hover {
1607      border-top: 5px solid #41a62a;
1608      color: #2b2b2b;
1609  }
1610  
1611  
1612  /**
1613   * 6.8 Attachments
1614   * -----------------------------------------------------------------------------
1615   */
1616  
1617  .attachment .content-sidebar,
1618  .attachment .post-thumbnail {
1619      display: none;
1620  }
1621  
1622  .attachment .entry-content {
1623      padding-top: 0;
1624  }
1625  
1626  .attachment footer.entry-meta {
1627      text-transform: none;
1628  }
1629  
1630  .entry-attachment .attachment {
1631      margin-bottom: 24px;
1632  }
1633  
1634  
1635  /**
1636   * 6.9 Archives
1637   * -----------------------------------------------------------------------------
1638   */
1639  
1640  .archive-header,
1641  .page-header {
1642      margin: 24px auto;
1643      max-width: 474px;
1644  }
1645  
1646  .archive-title,
1647  .page-title {
1648      font-size: 16px;
1649      font-weight: 900;
1650      line-height: 1.5;
1651      margin: 0;
1652  }
1653  
1654  .taxonomy-description,
1655  .author-description {
1656      color: #767676;
1657      font-size: 14px;
1658      line-height: 1.2857142857;
1659      padding-top: 18px;
1660  }
1661  
1662  .taxonomy-description p,
1663  .author-description p {
1664      margin-bottom: 18px;
1665  }
1666  
1667  .taxonomy-description p:last-child,
1668  .author-description p:last-child {
1669      margin-bottom: 0;
1670  }
1671  
1672  .taxonomy-description a,
1673  .author-description a {
1674      text-decoration: underline;
1675  }
1676  
1677  .taxonomy-description a:hover,
1678  .author-description a:hover {
1679      text-decoration: none;
1680  }
1681  
1682  
1683  /**
1684   * 6.10 Contributor Page
1685   * -----------------------------------------------------------------------------
1686   */
1687  
1688  .contributor {
1689      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1690      -webkit-box-sizing: border-box;
1691      -moz-box-sizing: border-box;
1692      box-sizing:      border-box;
1693      padding: 48px 10px;
1694  }
1695  
1696  .contributor:first-of-type {
1697      padding-top: 24px;
1698  }
1699  
1700  .contributor-info {
1701      margin: 0 auto;
1702      max-width: 474px;
1703  }
1704  
1705  .contributor-avatar {
1706      border: 1px solid rgba(0, 0, 0, 0.1);
1707      float: left;
1708      margin: 0 30px 20px 0;
1709      padding: 2px;
1710  }
1711  
1712  .contributor-name {
1713      font-size: 16px;
1714      font-weight: 900;
1715      line-height: 1.5;
1716      margin: 0;
1717  }
1718  
1719  .contributor-bio a {
1720      text-decoration: underline;
1721  }
1722  
1723  .contributor-bio a:hover {
1724      text-decoration: none;
1725  }
1726  
1727  .contributor-posts-link {
1728      display: inline-block;
1729      line-height: normal;
1730      padding: 10px 30px;
1731  }
1732  
1733  .contributor-posts-link:before {
1734      content: "\f443";
1735  }
1736  
1737  
1738  /**
1739   * 6.11 404 Page
1740   * -----------------------------------------------------------------------------
1741   */
1742  
1743  .error404 .page-content {
1744      padding-top: 0;
1745  }
1746  
1747  .error404 .page-content .search-form {
1748      margin-bottom: 24px;
1749  }
1750  
1751  
1752  /**
1753   * 6.12 Full-width
1754   * -----------------------------------------------------------------------------
1755   */
1756  
1757  .full-width .hentry {
1758      max-width: 100%;
1759  }
1760  
1761  
1762  /**
1763   * 6.13 Singular
1764   * -----------------------------------------------------------------------------
1765   */
1766  
1767  .singular .site-content .hentry.has-post-thumbnail {
1768      margin-top: -48px;
1769  }
1770  
1771  
1772  /**
1773   * 6.14 Comments
1774   * -----------------------------------------------------------------------------
1775   */
1776  
1777  .comments-area {
1778      margin: 48px auto;
1779      max-width: 474px;
1780      padding: 0 10px;
1781  }
1782  
1783  .comment-reply-title,
1784  .comments-title {
1785      font: 900 16px/1.5 Lato, sans-serif;
1786      margin: 0;
1787      text-transform: uppercase;
1788  }
1789  
1790  .comment-list {
1791      list-style: none;
1792      margin: 0 0 48px 0;
1793  }
1794  
1795  .comment-author {
1796      font-size: 14px;
1797      line-height: 1.7142857142;
1798  }
1799  
1800  .comment-list .reply,
1801  .comment-metadata {
1802      font-size: 12px;
1803      line-height: 2;
1804      text-transform: uppercase;
1805  }
1806  
1807  .comment-list .reply {
1808      margin-top: 24px;
1809  }
1810  
1811  .comment-author .fn {
1812      font-weight: 900;
1813  }
1814  
1815  .comment-author a {
1816      color: #2b2b2b;
1817  }
1818  
1819  .comment-list .trackback a,
1820  .comment-list .pingback a,
1821  .comment-metadata a {
1822      color: #767676;
1823  }
1824  
1825  .comment-author a:hover,
1826  .comment-list .pingback a:hover,
1827  .comment-list .trackback a:hover,
1828  .comment-metadata a:hover {
1829      color: #41a62a;
1830  }
1831  
1832  .comment-list article,
1833  .comment-list .pingback,
1834  .comment-list .trackback {
1835      border-top: 1px solid rgba(0, 0, 0, 0.1);
1836      margin-bottom: 24px;
1837      padding-top: 24px;
1838  }
1839  
1840  .comment-list > li:first-child > article,
1841  .comment-list > .pingback:first-child,
1842  .comment-list > .trackback:first-child {
1843      border-top: 0;
1844  }
1845  
1846  .comment-author {
1847      position: relative;
1848  }
1849  
1850  .comment-author .avatar {
1851      border: 1px solid rgba(0, 0, 0, 0.1);
1852      height: 18px;
1853      padding: 2px;
1854      position: absolute;
1855      top: 0;
1856      left: 0;
1857      width: 18px;
1858  }
1859  
1860  .bypostauthor > article .fn:before {
1861      content: "\f408";
1862      margin: 0 2px 0 -2px;
1863      position: relative;
1864      top: -1px;
1865  }
1866  
1867  .says {
1868      display: none;
1869  }
1870  
1871  .comment-author,
1872  .comment-awaiting-moderation,
1873  .comment-content,
1874  .comment-list .reply,
1875  .comment-metadata {
1876      padding-left: 30px;
1877  }
1878  
1879  .comment-edit-link {
1880      margin-left: 10px;
1881  }
1882  
1883  .comment-edit-link:before {
1884      content: "\f411";
1885  }
1886  
1887  .comment-reply-link:before,
1888  .comment-reply-login:before {
1889      content: "\f412";
1890      margin-right: 2px;
1891  }
1892  
1893  .comment-content {
1894      -webkit-hyphens: auto;
1895      -moz-hyphens:    auto;
1896      -ms-hyphens:     auto;
1897      hyphens:         auto;
1898      word-wrap: break-word;
1899  }
1900  
1901  .comment-content ul,
1902  .comment-content ol {
1903      margin: 0 0 24px 22px;
1904  }
1905  
1906  .comment-content li > ul,
1907  .comment-content li > ol {
1908      margin-bottom: 0;
1909  }
1910  
1911  .comment-content > :last-child {
1912      margin-bottom: 0;
1913  }
1914  
1915  .comment-list .children {
1916      list-style: none;
1917      margin-left: 15px;
1918  }
1919  
1920  .comment-respond {
1921      margin-bottom: 24px;
1922      padding: 0;
1923  }
1924  
1925  .comment .comment-respond {
1926      margin-top: 24px;
1927  }
1928  
1929  .comment-respond h3 {
1930      margin-top: 0;
1931      margin-bottom: 24px;
1932  }
1933  
1934  .comment-notes,
1935  .comment-awaiting-moderation,
1936  .logged-in-as,
1937  .no-comments,
1938  .form-allowed-tags,
1939  .form-allowed-tags code {
1940      color: #767676;
1941  }
1942  
1943  .comment-notes,
1944  .comment-awaiting-moderation,
1945  .logged-in-as {
1946      font-size: 14px;
1947      line-height: 1.7142857142;
1948  }
1949  
1950  .no-comments {
1951      font-size: 16px;
1952      font-weight: 900;
1953      line-height: 1.5;
1954      margin-top: 24px;
1955      text-transform: uppercase;
1956  }
1957  
1958  .comment-form label {
1959      display: block;
1960  }
1961  
1962  .comment-form input[type="text"],
1963  .comment-form input[type="email"],
1964  .comment-form input[type="url"] {
1965      width: 100%;
1966  }
1967  
1968  .form-allowed-tags,
1969  .form-allowed-tags code {
1970      font-size: 12px;
1971      line-height: 1.5;
1972  }
1973  
1974  .required {
1975      color: #c0392b;
1976  }
1977  
1978  .comment-reply-title small a {
1979      color: #2b2b2b;
1980      float: right;
1981      height: 24px;
1982      overflow: hidden;
1983      width: 24px;
1984  }
1985  
1986  .comment-reply-title small a:hover {
1987      color: #41a62a;
1988  }
1989  
1990  .comment-reply-title small a:before {
1991      content: "\f405";
1992      font-size: 32px;
1993  }
1994  
1995  .comment-navigation {
1996      font-size: 12px;
1997      line-height: 2;
1998      margin-bottom: 48px;
1999      text-transform: uppercase;
2000  }
2001  
2002  .comment-navigation .nav-next,
2003  .comment-navigation .nav-previous {
2004      display: inline-block;
2005  }
2006  
2007  .comment-navigation .nav-previous a {
2008      margin-right: 10px;
2009  }
2010  
2011  #comment-nav-above {
2012      margin-top: 36px;
2013      margin-bottom: 0;
2014  }
2015  
2016  
2017  /**
2018   * 7.0 Sidebars
2019   * -----------------------------------------------------------------------------
2020   */
2021  
2022  /* Secondary */
2023  
2024  #secondary {
2025      background-color: #000;
2026      border-top: 1px solid #000;
2027      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
2028      clear: both;
2029      color: rgba(255, 255, 255, 0.7);
2030      margin-top: -1px;
2031      padding: 0 10px;
2032      position: relative;
2033      z-index: 2;
2034  }
2035  
2036  .site-description {
2037      display: none;
2038      font-size: 12px;
2039      font-weight: 400;
2040      line-height: 1.5;
2041  }
2042  
2043  /* Primary Sidebar */
2044  
2045  .primary-sidebar {
2046      padding-top: 48px;
2047  }
2048  
2049  .secondary-navigation + .primary-sidebar {
2050      padding-top: 0;
2051  }
2052  
2053  /* Content Sidebar */
2054  
2055  .content-sidebar {
2056      border-top: 1px solid rgba(0, 0, 0, 0.1);
2057      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2058      -webkit-box-sizing: border-box;
2059      -moz-box-sizing:    border-box;
2060      box-sizing:         border-box;
2061      color: #767676;
2062      padding: 48px 10px 0;
2063  }
2064  
2065  
2066  /**
2067   * 7.1 Widgets
2068   * -----------------------------------------------------------------------------
2069   */
2070  
2071  /* Primary Sidebar, Footer Sidebar */
2072  
2073  .widget {
2074      font-size: 14px;
2075      -webkit-hyphens: auto;
2076      -moz-hyphens:    auto;
2077      -ms-hyphens:     auto;
2078      hyphens:         auto;
2079      line-height: 1.2857142857;
2080      margin-bottom: 48px;
2081      width: 100%;
2082      word-wrap: break-word;
2083  }
2084  
2085  .widget a {
2086      color: #fff;
2087  }
2088  
2089  .widget a:hover {
2090      color: #41a62a;
2091  }
2092  
2093  .widget h1,
2094  .widget h2,
2095  .widget h3,
2096  .widget h4,
2097  .widget h5,
2098  .widget h6 {
2099      margin: 24px 0 12px;
2100  }
2101  
2102  .widget h1 {
2103      font-size: 22px;
2104      line-height: 1.0909090909;
2105  }
2106  
2107  .widget h2 {
2108      font-size: 20px;
2109      line-height: 1.2;
2110  }
2111  
2112  .widget h3 {
2113      font-size: 18px;
2114      line-height: 1.3333333333;
2115  }
2116  
2117  .widget h4 {
2118      font-size: 16px;
2119      line-height: 1.5;
2120  }
2121  
2122  .widget h5 {
2123      font-size: 14px;
2124      line-height: 1.7142857142;
2125  }
2126  
2127  .widget h6 {
2128      font-size: 12px;
2129      line-height: 2;
2130  }
2131  
2132  .widget address {
2133      margin-bottom: 18px;
2134  }
2135  
2136  .widget abbr[title] {
2137      border-color: rgba(255, 255, 255, 0.7);
2138  }
2139  
2140  .widget mark,
2141  .widget ins {
2142      color: #000;
2143  }
2144  
2145  .widget pre,
2146  .widget fieldset {
2147      border-color: rgba(255, 255, 255, 0.2);
2148  }
2149  
2150  .widget code,
2151  .widget kbd,
2152  .widget tt,
2153  .widget var,
2154  .widget samp,
2155  .widget pre {
2156      font-size: 12px;
2157      line-height: 1.5;
2158  }
2159  
2160  .widget blockquote {
2161      color: rgba(255, 255, 255, 0.7);
2162      font-size: 18px;
2163      line-height: 1.5;
2164      margin-bottom: 18px;
2165  }
2166  
2167  .widget blockquote cite {
2168      color: #fff;
2169      font-size: 14px;
2170      line-height: 1.2857142857;
2171  }
2172  
2173  .widget dl,
2174  .widget dd {
2175      margin-bottom: 18px;
2176  }
2177  
2178  .widget ul,
2179  .widget ol {
2180      list-style: none;
2181      margin: 0;
2182  }
2183  
2184  .widget li > ol,
2185  .widget li > ul {
2186      margin-left: 10px;
2187  }
2188  
2189  .widget table,
2190  .widget th,
2191  .widget td {
2192      border-color: rgba(255, 255, 255, 0.2);
2193  }
2194  
2195  .widget table {
2196      margin-bottom: 18px;
2197  }
2198  
2199  .widget del {
2200      color: rgba(255, 255, 255, 0.4);
2201  }
2202  
2203  .widget hr {
2204      background-color: rgba(255, 255, 255, 0.2);
2205  }
2206  
2207  .widget p {
2208      margin-bottom: 18px;
2209  }
2210  
2211  .widget input,
2212  .widget textarea {
2213      background-color: rgba(255, 255, 255, 0.1);
2214      border-color: rgba(255, 255, 255, 0.2);
2215      color: #fff;
2216      font-size: 16px;
2217      padding: 1px 2px 2px 4px;
2218  }
2219  
2220  .widget input:focus,
2221  .widget textarea:focus {
2222      border-color: rgba(255, 255, 255, 0.3);
2223  }
2224  
2225  .widget button,
2226  .widget input[type="button"],
2227  .widget input[type="reset"],
2228  .widget input[type="submit"] {
2229      background-color: #24890d;
2230      border: 0;
2231      font-size: 12px;
2232      padding: 5px 15px 4px;
2233  }
2234  
2235  .widget input[type="button"]:hover,
2236  .widget input[type="button"]:focus,
2237  .widget input[type="reset"]:hover,
2238  .widget input[type="reset"]:focus,
2239  .widget input[type="submit"]:hover,
2240  .widget input[type="submit"]:focus {
2241      background-color: #41a62a;
2242  }
2243  
2244  .widget input[type="button"]:active,
2245  .widget input[type="reset"]:active,
2246  .widget input[type="submit"]:active {
2247      background-color: #55d737;
2248  }
2249  
2250  .widget .wp-caption {
2251      color: rgba(255, 255, 255, 0.7);
2252      margin-bottom: 18px;
2253  }
2254  
2255  .widget .widget-title {
2256      font-size: 14px;
2257      font-weight: 700;
2258      line-height: 1.7142857142;
2259      margin: 0 0 24px 0;
2260      text-transform: uppercase;
2261  }
2262  
2263  .widget-title,
2264  .widget-title a {
2265      color: #fff;
2266  }
2267  
2268  .widget-title a:hover {
2269      color: #41a62a;
2270  }
2271  
2272  /* Calendar Widget*/
2273  
2274  .widget_calendar table {
2275      line-height: 2;
2276      margin: 0;
2277  }
2278  
2279  .widget_calendar caption {
2280      color: #fff;
2281      font-weight: 700;
2282      line-height: 1.7142857142;
2283      margin-bottom: 18px;
2284      text-align: left;
2285      text-transform: uppercase;
2286  }
2287  
2288  .widget_calendar thead th {
2289      background-color: rgba(255, 255, 255, 0.1);
2290  }
2291  
2292  .widget_calendar tbody td,
2293  .widget_calendar thead th {
2294      text-align: center;
2295  }
2296  
2297  .widget_calendar tbody a {
2298      background-color: #24890d;
2299      color: #fff;
2300      display: block;
2301  }
2302  
2303  .widget_calendar tbody a:hover {
2304      background-color: #41a62a;
2305  }
2306  
2307  .widget_calendar tbody a:hover {
2308      color: #fff;
2309  }
2310  
2311  .widget_calendar #prev {
2312      padding-left: 5px;
2313  }
2314  
2315  .widget_calendar #next {
2316      padding-right: 5px;
2317      text-align: right;
2318  }
2319  
2320  /* Ephemera Widget*/
2321  
2322  .widget_twentyfourteen_ephemera > ol > li {
2323      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
2324      margin-bottom: 18px;
2325      padding: 0;
2326  }
2327  
2328  .widget_twentyfourteen_ephemera .hentry {
2329      margin: 0;
2330      max-width: 100%;
2331  }
2332  
2333  .widget_twentyfourteen_ephemera .entry-title,
2334  .widget_twentyfourteen_ephemera .entry-meta,
2335  .widget_twentyfourteen_ephemera .wp-caption-text,
2336  .widget_twentyfourteen_ephemera .post-format-archive-link,
2337  .widget_twentyfourteen_ephemera .entry-content table {
2338      font-size: 12px;
2339      line-height: 1.5;
2340  }
2341  
2342  .widget_twentyfourteen_ephemera .entry-title {
2343      display: inline;
2344      font-weight: 400;
2345  }
2346  
2347  .widget_twentyfourteen_ephemera .entry-meta {
2348      margin-bottom: 18px;
2349  }
2350  
2351  .widget_twentyfourteen_ephemera .entry-meta a {
2352      color: rgba(255, 255, 255, 0.7);
2353  }
2354  
2355  .widget_twentyfourteen_ephemera .entry-meta a:hover {
2356      color: #41a62a;
2357  }
2358  
2359  .widget_twentyfourteen_ephemera .entry-content ul,
2360  .widget_twentyfourteen_ephemera .entry-content ol {
2361      margin: 0 0 18px 20px;
2362  }
2363  
2364  .widget_twentyfourteen_ephemera .entry-content ul {
2365      list-style: disc;
2366  }
2367  
2368  .widget_twentyfourteen_ephemera .entry-content ol {
2369      list-style: decimal;
2370  }
2371  
2372  .widget_twentyfourteen_ephemera .entry-content li > ul,
2373  .widget_twentyfourteen_ephemera .entry-content li > ol {
2374      margin: 0 0 0 20px;
2375  }
2376  
2377  .widget_twentyfourteen_ephemera .entry-content th,
2378  .widget_twentyfourteen_ephemera .entry-content td {
2379      padding: 6px;
2380  }
2381  
2382  .widget_twentyfourteen_ephemera .post-format-archive-link {
2383      font-weight: 700;
2384      text-transform: uppercase;
2385  }
2386  
2387  /* List Style Widgets*/
2388  
2389  .widget_archive li,
2390  .widget_categories li,
2391  .widget_links li,
2392  .widget_meta li,
2393  .widget_nav_menu li,
2394  .widget_pages li,
2395  .widget_recent_comments li,
2396  .widget_recent_entries li {
2397      border-top: 1px solid rgba(255, 255, 255, 0.2);
2398      padding: 8px 0 9px;
2399  }
2400  
2401  .widget_archive li:first-child,
2402  .widget_categories li:first-child,
2403  .widget_links li:first-child,
2404  .widget_meta li:first-child,
2405  .widget_nav_menu li:first-child,
2406  .widget_pages li:first-child,
2407  .widget_recent_comments li:first-child,
2408  .widget_recent_entries li:first-child {
2409      border-top: 0;
2410  }
2411  
2412  .widget_categories li ul,
2413  .widget_nav_menu li ul,
2414  .widget_pages li ul {
2415      border-top: 1px solid rgba(255, 255, 255, 0.2);
2416      margin-top: 9px;
2417  }
2418  
2419  .widget_categories li li:last-child,
2420  .widget_nav_menu li li:last-child,
2421  .widget_pages li li:last-child {
2422      padding-bottom: 0;
2423  }
2424  
2425  /* Recent Posts Widget */
2426  
2427  .widget_recent_entries .post-date {
2428      display: block;
2429  }
2430  
2431  /* RSS Widget */
2432  
2433  .rsswidget img {
2434      margin-top: -4px;
2435  }
2436  
2437  .rssSummary {
2438      margin: 9px 0;
2439  }
2440  
2441  .rss-date {
2442      display: block;
2443  }
2444  
2445  .widget_rss li {
2446      margin-bottom: 18px;
2447  }
2448  
2449  .widget_rss li:last-child {
2450      margin-bottom: 0;
2451  }
2452  
2453  /* Text Widget */
2454  
2455  .widget_text > div > :last-child {
2456      margin-bottom: 0;
2457  }
2458  
2459  
2460  /**
2461   * 7.2 Content Sidebar Widgets
2462   * -----------------------------------------------------------------------------
2463   */
2464  
2465  .content-sidebar .widget a {
2466      color: #24890d;
2467  }
2468  
2469  .content-sidebar .widget a:hover {
2470      color: #41a62a;
2471  }
2472  
2473  .content-sidebar .widget pre {
2474      border-color: rgba(0, 0, 0, 0.1);
2475  }
2476  
2477  .content-sidebar .widget mark,
2478  .content-sidebar .widget ins {
2479      color: #2b2b2b;
2480  }
2481  
2482  .content-sidebar .widget abbr[title] {
2483      border-color: #2b2b2b;
2484  }
2485  
2486  .content-sidebar .widget fieldset {
2487      border-color: rgba(0, 0, 0, 0.1);
2488  }
2489  
2490  .content-sidebar .widget blockquote {
2491      color: #767676;
2492  }
2493  
2494  .content-sidebar .widget blockquote cite {
2495      color: #2b2b2b;
2496  }
2497  
2498  .content-sidebar .widget li > ol,
2499  .content-sidebar .widget li > ul {
2500      margin-left: 18px;
2501  }
2502  
2503  .content-sidebar .widget table,
2504  .content-sidebar .widget th,
2505  .content-sidebar .widget td {
2506      border-color: rgba(0, 0, 0, 0.1);
2507  }
2508  
2509  .content-sidebar .widget del {
2510      color: #767676;
2511  }
2512  
2513  .content-sidebar .widget hr {
2514      background-color: rgba(0, 0, 0, 0.1);
2515  }
2516  
2517  .content-sidebar .widget input,
2518  .content-sidebar .widget textarea {
2519      background-color: #fff;
2520      border-color: rgba(0, 0, 0, 0.1);
2521      color: #2b2b2b;
2522  }
2523  
2524  .content-sidebar .widget input:focus,
2525  .content-sidebar .widget textarea:focus {
2526      border-color: rgba(0, 0, 0, 0.3);
2527  }
2528  
2529  .content-sidebar .widget input[type="button"],
2530  .content-sidebar .widget input[type="reset"],
2531  .content-sidebar .widget input[type="submit"] {
2532      background-color: #24890d;
2533      border: 0;
2534      color: #fff;
2535  }
2536  
2537  .content-sidebar .widget input[type="button"]:hover,
2538  .content-sidebar .widget input[type="button"]:focus,
2539  .content-sidebar .widget input[type="reset"]:hover,
2540  .content-sidebar .widget input[type="reset"]:focus,
2541  .content-sidebar .widget input[type="submit"]:hover,
2542  .content-sidebar .widget input[type="submit"]:focus {
2543      background-color: #41a62a;
2544  }
2545  
2546  .content-sidebar .widget input[type="button"]:active,
2547  .content-sidebar .widget input[type="reset"]:active,
2548  .content-sidebar .widget input[type="submit"]:active {
2549      background-color: #55d737;
2550  }
2551  
2552  .content-sidebar .widget .wp-caption {
2553      color: #767676;
2554  }
2555  
2556  .content-sidebar .widget .widget-title {
2557      border-top: 5px solid #000;
2558      color: #2b2b2b;
2559      font-size: 14px;
2560      font-weight: 900;
2561      margin: 0 0 18px;
2562      padding-top: 7px;
2563      text-transform: uppercase;
2564  }
2565  
2566  .content-sidebar .widget .widget-title a {
2567      color: #2b2b2b;
2568  }
2569  
2570  .content-sidebar .widget .widget-title a:hover {
2571      color: #41a62a;
2572  }
2573  
2574  /* List Style Widgets*/
2575  
2576  .content-sidebar .widget_archive li,
2577  .content-sidebar .widget_categories li,
2578  .content-sidebar .widget_links li,
2579  .content-sidebar .widget_meta li,
2580  .content-sidebar .widget_nav_menu li,
2581  .content-sidebar .widget_pages li,
2582  .content-sidebar .widget_recent_comments li,
2583  .content-sidebar .widget_recent_entries li,
2584  .content-sidebar .widget_categories li ul,
2585  .content-sidebar .widget_nav_menu li ul,
2586  .content-sidebar .widget_pages li ul {
2587      border-color: rgba(0, 0, 0, 0.1);
2588  }
2589  
2590  /* Calendar Widget */
2591  
2592  .content-sidebar .widget_calendar caption {
2593      color: #2b2b2b;
2594      font-weight: 900;
2595  }
2596  
2597  .content-sidebar .widget_calendar thead th {
2598      background-color: rgba(0, 0, 0, 0.02);
2599  }
2600  
2601  .content-sidebar .widget_calendar tbody a,
2602  .content-sidebar .widget_calendar tbody a:hover {
2603      color: #fff;
2604  }
2605  
2606  /* Ephemera widget*/
2607  
2608  .content-sidebar .widget_twentyfourteen_ephemera .widget-title {
2609      line-height: 1.2857142857;
2610      padding-top: 1px;
2611  }
2612  
2613  .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
2614      background-color: #000;
2615      color: #fff;
2616      margin: -1px 9px 0 0;
2617      padding: 6px 0 9px;
2618      text-align: center;
2619      vertical-align: middle;
2620      width: 36px;
2621  }
2622  
2623  .content-sidebar .widget_twentyfourteen_ephemera .video.widget-title:before {
2624      content: "\f104";
2625  }
2626  
2627  .content-sidebar .widget_twentyfourteen_ephemera .audio.widget-title:before {
2628      content: "\f109";
2629  }
2630  
2631  .content-sidebar .widget_twentyfourteen_ephemera .image.widget-title:before {
2632      content: "\f473";
2633  }
2634  
2635  .content-sidebar .widget_twentyfourteen_ephemera .gallery.widget-title:before {
2636      content: "\f103";
2637  }
2638  
2639  .content-sidebar .widget_twentyfourteen_ephemera .aside.widget-title:before {
2640      content: "\f101";
2641  }
2642  
2643  .content-sidebar .widget_twentyfourteen_ephemera .quote.widget-title:before {
2644      content: "\f106";
2645  }
2646  
2647  .content-sidebar .widget_twentyfourteen_ephemera .link.widget-title:before {
2648      content: "\f107";
2649  }
2650  
2651  .content-sidebar .widget_twentyfourteen_ephemera > ol > li {
2652      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2653  }
2654  
2655  .content-sidebar .widget_twentyfourteen_ephemera .entry-meta {
2656      color: #ccc;
2657  }
2658  
2659  .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a {
2660      color: #767676;
2661  }
2662  
2663  .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
2664      color: #41a62a;
2665  }
2666  
2667  .content-sidebar.widget_twentyfourteen_ephemera blockquote cite {
2668      font-size: 13px;
2669      line-height: 1.3846153846;
2670  }
2671  
2672  .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
2673      font-weight: 900;
2674  }
2675  
2676  
2677  /**
2678   * 8.0 Footer
2679   * -----------------------------------------------------------------------------
2680   */
2681  
2682  #supplementary {
2683      padding: 0 10px;
2684  }
2685  
2686  .site-footer,
2687  .site-info,
2688  .site-info a {
2689      color: rgba(255, 255, 255, 0.7);
2690  }
2691  
2692  .site-footer {
2693      background-color: #000;
2694      font-size: 12px;
2695      position: relative;
2696      z-index: 3;
2697  }
2698  
2699  .footer-sidebar {
2700      padding-top: 48px;
2701  }
2702  
2703  .site-info {
2704      padding: 15px 10px;
2705  }
2706  
2707  #supplementary + .site-info {
2708      border-top: 1px solid rgba(255, 255, 255, 0.2);
2709  }
2710  
2711  .site-info a:hover {
2712      color: #41a62a;
2713  }
2714  
2715  
2716  /**
2717   * 9.0 Featured Content
2718   * -----------------------------------------------------------------------------
2719   */
2720  
2721  .featured-content {
2722      background: #000 url(images/pattern-dark.svg) repeat fixed;
2723      -webkit-box-sizing: border-box;
2724      -moz-box-sizing:    border-box;
2725      box-sizing:         border-box;
2726      position: relative;
2727      width: 100%;
2728  }
2729  
2730  .featured-content-inner {
2731      overflow: hidden;
2732  }
2733  
2734  .featured-content .hentry {
2735      color: #fff;
2736      margin: 0;
2737      max-width: 100%;
2738      width: 100%;
2739  }
2740  
2741  .featured-content .post-thumbnail,
2742  .featured-content .post-thumbnail:hover {
2743      background: transparent;
2744  }
2745  
2746  .featured-content .post-thumbnail {
2747      display: block;
2748      position: relative;
2749      padding-top: 55.357142857%;
2750      overflow: hidden;
2751  }
2752  
2753  .featured-content .post-thumbnail img {
2754      left: 0;
2755      position: absolute;
2756      top: 0;
2757  }
2758  
2759  .featured-content .entry-header {
2760      background-color: #000;
2761      -webkit-box-sizing: border-box;
2762      -moz-box-sizing:    border-box;
2763      box-sizing:         border-box;
2764      min-height: 96px;
2765      overflow: hidden;
2766      padding: 24px 10px;
2767  }
2768  
2769  .featured-content a {
2770      color: #fff;
2771  }
2772  
2773  .featured-content a:hover {
2774      color: #41a62a;
2775  }
2776  
2777  .featured-content .entry-meta {
2778      color: #fff;
2779      font-size: 11px;
2780      font-weight: 700;
2781      line-height: 1.0909090909;
2782      margin-bottom: 12px;
2783  }
2784  
2785  .featured-content .cat-links {
2786      font-weight: 700;
2787  }
2788  
2789  .featured-content .entry-title {
2790      font-size: 18px;
2791      font-weight: 300;
2792      line-height: 1.3333333333;
2793      margin: 0;
2794      text-transform: uppercase;
2795  }
2796  
2797  
2798  /* Slider */
2799  
2800  .slider .featured-content .hentry {
2801      -webkit-backface-visibility: hidden;
2802      display: none;
2803      position: relative;
2804  }
2805  
2806  .slider .featured-content .post-thumbnail {
2807      padding-top: 55.49132947%;
2808  }
2809  
2810  .slider-control-paging {
2811      background-color: #000;
2812      -webkit-box-sizing: border-box;
2813      -moz-box-sizing:    border-box;
2814      box-sizing:         border-box;
2815      float: left;
2816      list-style: none;
2817      margin: -24px 0 0 0;
2818      position: relative;
2819      width: 100%;
2820      z-index: 3;
2821  }
2822  
2823  .slider-control-paging li {
2824      float: left;
2825      margin: 2px 4px 2px 0;
2826  }
2827  
2828  .slider-control-paging li:last-child {
2829      margin-right: 0;
2830  }
2831  
2832  .slider-control-paging a {
2833      cursor: pointer;
2834      display: block;
2835      height: 44px;
2836      position: relative;
2837      text-indent: -999em;
2838      width: 44px;
2839  }
2840  
2841  .slider-control-paging a:before {
2842      background-color: #4d4d4d;
2843      content: "";
2844      height: 12px;
2845      left: 10px;
2846      position: absolute;
2847      top: 16px;
2848      width: 12px;
2849  }
2850  
2851  .slider-control-paging a:hover:before {
2852      background-color: #41a62a;
2853  }
2854  
2855  .slider-control-paging .slider-active:before,
2856  .slider-control-paging .slider-active:hover:before {
2857      background-color: #24890d;
2858  }
2859  
2860  .slider-direction-nav {
2861      clear: both;
2862      list-style: none;
2863      margin: 0;
2864      position: relative;
2865      width: 100%;
2866      z-index: 3;
2867  }
2868  
2869  .slider-direction-nav li {
2870      border-color: #fff;
2871      border-style: solid;
2872      border-width: 2px 1px 0 0;
2873      -webkit-box-sizing: border-box;
2874      -moz-box-sizing:    border-box;
2875      box-sizing:         border-box;
2876      float: left;
2877      text-align: center;
2878      width: 50%;
2879  }
2880  
2881  .slider-direction-nav li:last-child {
2882      border-width: 2px 0 0 1px;
2883  }
2884  
2885  .slider-direction-nav a {
2886      background-color: #000;
2887      display: block;
2888      font-size: 0;
2889      height: 46px;
2890  }
2891  
2892  .slider-direction-nav a:hover {
2893      background-color: #24890d;
2894  }
2895  
2896  .slider-direction-nav a:before {
2897      color: #fff;
2898      content: "\f430";
2899      font-size: 32px;
2900      line-height: 46px;
2901  }
2902  
2903  .slider-direction-nav .slider-next:before {
2904      content: "\f429";
2905  }
2906  
2907  .slider-direction-nav .slider-disabled {
2908      display: none;
2909  }
2910  
2911  
2912  /**
2913   * 10.0 Multisite
2914   * -----------------------------------------------------------------------------
2915   */
2916  
2917  .site-main .widecolumn {
2918      padding-top: 72px;
2919      width: auto;
2920  }
2921  .site-main .mu_register,
2922  .widecolumn > h2,
2923  .widecolumn > form {
2924      margin: 0 auto 48px;
2925      max-width: 474px;
2926      padding: 0 30px;
2927  }
2928  
2929  .site-main .mu_register #blog_title,
2930  .site-main .mu_register #user_email,
2931  .site-main .mu_register #blogname,
2932  .site-main .mu_register #user_name {
2933      font-size: inherit;
2934      width: 90%;
2935  }
2936  
2937  .site-main .mu_register input[type="submit"],
2938  .widecolumn #submit {
2939      font-size: inherit;
2940      width: auto;
2941  }
2942  
2943  
2944  /**
2945   * 11.0 Media Queries
2946   * -----------------------------------------------------------------------------
2947   */
2948  
2949  /* Does the same thing as <meta name="viewport" content="width=device-width">,
2950   * but in the future W3C standard way. -ms- prefix is required for IE10+ to
2951   * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
2952   * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
2953   */
2954  @-ms-viewport {
2955      width: device-width;
2956  }
2957  
2958  @viewport {
2959      width: device-width;
2960  }
2961  
2962  @media screen and (max-width: 400px) {
2963      .list-view .site-content .post-thumbnail {
2964          background: none;
2965          width: auto;
2966          z-index: 2;
2967      }
2968  
2969      .list-view .site-content .post-thumbnail img {
2970          float: left;
2971          margin: 0 10px 3px 0;
2972          width: 84px;
2973      }
2974  
2975      .list-view .site-content .entry-header {
2976          background-color: transparent;
2977          padding: 0;
2978      }
2979  
2980      .list-view .content-area {
2981          padding: 0 10px;
2982      }
2983  
2984      .list-view .site-content .hentry {
2985          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2986          margin: 0;
2987          min-height: 60px;
2988          padding: 12px 0 9px;
2989      }
2990  
2991      .list-view .site-content .cat-links,
2992      .list-view .site-content .entry-content,
2993      .list-view .site-content .entry-summary,
2994      .list-view .site-content footer.entry-meta {
2995          display: none;
2996      }
2997  
2998      .list-view .site-content .entry-title {
2999          clear: none;
3000          font-size: 15px;
3001          font-weight: 900;
3002          line-height: 1.2;
3003          margin-bottom: 6px;
3004          text-transform: none;
3005      }
3006  
3007      .list-view .site-content .format-aside .entry-title,
3008      .list-view .site-content .format-link .entry-title,
3009      .list-view .site-content .format-quote .entry-title {
3010          display: block;
3011      }
3012  
3013      .list-view .site-content .entry-meta {
3014          background-color: transparent;
3015          clear: none;
3016          margin: 0;
3017          text-transform: none;
3018      }
3019  
3020      .archive-header,
3021      .page-header {
3022          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3023          margin: 24px auto 0;
3024          padding-bottom: 24px;
3025      }
3026  
3027      .error404 .page-header {
3028          border-bottom: 0;
3029          margin: 0 auto 24px;
3030          padding: 0 10px;
3031      }
3032  }
3033  
3034  @media screen and (min-width: 401px) {
3035      a.post-thumbnail:hover img {
3036          opacity: 0.85;
3037      }
3038  
3039      .full-size-link:before,
3040      .parent-post-link:before,
3041      .site-content span + .byline:before,
3042      .site-content span + .comments-link:before,
3043      .site-content span + .edit-link:before,
3044      .site-content span + .entry-date:before {
3045          content: "";
3046      }
3047  
3048      .attachment span.entry-date:before,
3049      .entry-content .edit-link a:before,
3050      .entry-meta .edit-link a:before,
3051      .site-content .byline a:before,
3052      .site-content .comments-link a:before,
3053      .site-content .entry-date a:before,
3054      .site-content .featured-post:before,
3055      .site-content .full-size-link a:before,
3056      .site-content .parent-post-link a:before,
3057      .site-content .post-format a:before {
3058          -webkit-font-smoothing: antialiased;
3059          display: inline-block;
3060          font: normal 16px/1 Genericons;
3061          text-decoration: inherit;
3062          vertical-align: text-bottom;
3063      }
3064  
3065      .site-content .entry-meta > span {
3066          margin-right: 10px;
3067      }
3068  
3069      .site-content .format-video .post-format a:before {
3070          content: "\f104";
3071      }
3072  
3073      .site-content .format-audio .post-format a:before {
3074          content: "\f109";
3075      }
3076  
3077      .site-content .format-image .post-format a:before {
3078          content: "\f473";
3079      }
3080  
3081      .site-content .format-quote .post-format a:before {
3082          content: "\f106";
3083          margin-right: 2px;
3084      }
3085  
3086      .site-content .format-gallery .post-format a:before {
3087          content: "\f103";
3088          margin-right: 4px;
3089      }
3090  
3091      .site-content .format-aside .post-format a:before {
3092          content: "\f101";
3093          margin-right: 2px;
3094      }
3095  
3096      .site-content .format-link .post-format a:before {
3097          content: "\f107";
3098          position: relative;
3099          top: 1px;
3100      }
3101  
3102      .site-content .featured-post:before {
3103          content: "\f308";
3104          margin-right: 3px;
3105          position: relative;
3106          top: 1px;
3107      }
3108  
3109      .site-content .entry-date a:before,
3110      .attachment .site-content span.entry-date:before {
3111          content: "\f303";
3112          margin-right: 1px;
3113          position: relative;
3114          top: 1px;
3115      }
3116  
3117      .site-content .byline a:before {
3118          content: "\f304";
3119      }
3120  
3121      .site-content .comments-link a:before {
3122          content: "\f300";
3123          margin-right: 2px;
3124      }
3125  
3126      .entry-content .edit-link a:before,
3127      .entry-meta .edit-link a:before {
3128          content: "\f411";
3129      }
3130  
3131      .site-content .full-size-link a:before {
3132          content: "\f402";
3133          margin-right: 1px;
3134      }
3135  
3136      .site-content .parent-post-link a:before {
3137          content: "\f301";
3138      }
3139  
3140      .list-view .site-content .hentry {
3141          border-top: 1px solid rgba(0, 0, 0, 0.1);
3142          padding-top: 48px;
3143      }
3144  
3145      .list-view .site-content .hentry:first-of-type,
3146      .list-view .site-content .hentry.has-post-thumbnail {
3147          border-top: 0;
3148          padding-top: 0;
3149      }
3150  
3151      .archive-header,
3152      .page-header {
3153          margin: 0 auto 60px;
3154          padding: 0 10px;
3155      }
3156  
3157      .error404 .page-header {
3158          margin-bottom: 24px;
3159      }
3160  }
3161  
3162  @media screen and (min-width: 594px) {
3163      .site-content .entry-header {
3164          padding-right: 30px;
3165          padding-left: 30px;
3166      }
3167  
3168      .site-content .has-post-thumbnail .entry-header {
3169          margin-top: -48px;
3170      }
3171  }
3172  
3173  @media screen and (min-width: 673px) {
3174      .header-main {
3175          padding: 0 30px;
3176      }
3177  
3178      .search-toggle {
3179          margin-right: 18px;
3180      }
3181  
3182      .search-box .search-field {
3183          width: 50%;
3184      }
3185  
3186      .content-area {
3187          float: left;
3188          width: 100%;
3189      }
3190  
3191      .site-content {
3192          margin-right: 33.33333333%;
3193      }
3194  
3195      .site-content .has-post-thumbnail .entry-header {
3196          margin-top: 0;
3197      }
3198  
3199      .archive-header,
3200      .comments-area,
3201      .image-navigation,
3202      .page-header,
3203      .page-content,
3204      .post-navigation,
3205      .site-content .entry-content,
3206      .site-content .entry-summary,
3207      .site-content footer.entry-meta {
3208          padding-right: 30px;
3209          padding-left: 30px;
3210      }
3211  
3212      .singular .site-content .hentry.has-post-thumbnail {
3213          margin-top: 0;
3214      }
3215  
3216      .full-width .site-content {
3217          margin-right: 0;
3218      }
3219  
3220      .full-width .site-content .has-post-thumbnail .entry-header,
3221      .full-width.singular .site-content .hentry.has-post-thumbnail {
3222          margin-top: -48px;
3223      }
3224  
3225      #secondary,
3226      #supplementary {
3227          padding: 0 30px;
3228      }
3229  
3230      .content-sidebar {
3231          border: 0;
3232          float: right;
3233          margin-left: -33.33333333%;
3234          padding: 48px 30px 24px;
3235          width: 33.33333333%;
3236      }
3237  
3238      .grid .featured-content .hentry {
3239          float: left;
3240          width: 50%;
3241      }
3242  
3243      .grid .featured-content .hentry:nth-child( 2n+1 ) {
3244          clear: both;
3245      }
3246  
3247      .grid .featured-content .entry-header {
3248          border-color: #000;
3249          border-style: solid;
3250          border-width: 12px 10px;
3251          height: 96px;
3252          padding: 0;
3253      }
3254  
3255      .slider .featured-content .entry-title {
3256          font-size: 22px;
3257          line-height: 1.0909090909;
3258      }
3259  
3260      .slider .featured-content .entry-header {
3261          min-height: inherit;
3262          padding: 24px 30px 48px;
3263          position: absolute;
3264          left: 0;
3265          bottom: 0;
3266          width: 50%;
3267          z-index: 3;
3268      }
3269  
3270      .slider-control-paging {
3271          background: transparent;
3272          margin-top: -48px;
3273          padding-left: 20px;
3274          width: 50%;
3275      }
3276  
3277      .slider-direction-nav {
3278          clear: none;
3279          float: right;
3280          margin-top: -48px;
3281          width: 98px;
3282      }
3283  
3284      .slider-direction-nav li {
3285          border: 0;
3286          padding: 0 1px 0 0;
3287      }
3288  
3289      .slider-direction-nav li:last-child {
3290          padding: 0 0 0 1px;
3291      }
3292  
3293      .slider-direction-nav a {
3294          height: 48px;
3295      }
3296  
3297      .slider-direction-nav a:before {
3298          line-height: 48px;
3299      }
3300  
3301      .site-info {
3302          padding: 15px 30px;
3303      }
3304  }
3305  
3306  @media screen and (min-width: 783px) {
3307      .header-main {
3308          padding-right: 0;
3309      }
3310  
3311      .search-toggle {
3312          margin-right: 0;
3313      }
3314  
3315      /* Fixed Header */
3316  
3317      .masthead-fixed .site-header {
3318          position: fixed;
3319          top: 0;
3320      }
3321  
3322      .admin-bar.masthead-fixed .site-header {
3323          top: 32px;
3324      }
3325  
3326      .masthead-fixed .site-main {
3327          margin-top: 48px;
3328      }
3329  
3330      /* Navigation */
3331  
3332      .site-navigation li .current_page_item > a,
3333      .site-navigation li .current_page_ancestor > a,
3334      .site-navigation li .current-menu-item > a,
3335      .site-navigation li .current-menu-ancestor > a {
3336          color: #fff;
3337      }
3338  
3339      /* Primary Navigation */
3340  
3341      .primary-navigation {
3342          float: right;
3343          font-size: 11px;
3344          margin: 0 1px 0 -12px;
3345          padding: 0;
3346          text-transform: uppercase;
3347      }
3348  
3349      .primary-navigation .menu-toggle {
3350          display: none;
3351          padding: 0;
3352      }
3353  
3354      .primary-navigation .nav-menu {
3355          border-bottom: 0;
3356          display: block;
3357      }
3358  
3359      .primary-navigation.toggled-on {
3360          border-bottom: 0;
3361          margin: 0;
3362          padding: 0;
3363      }
3364  
3365      .primary-navigation li {
3366          border: 0;
3367          display: inline-block;
3368          height: 48px;
3369          line-height: 48px;
3370          position: relative;
3371      }
3372  
3373      .primary-navigation a {
3374          display: inline-block;
3375          padding: 0 12px;
3376          white-space: nowrap;
3377      }
3378  
3379      .primary-navigation ul ul {
3380          background-color: #24890d;
3381          float: left;
3382          margin: 0;
3383          position: absolute;
3384          top: 48px;
3385          left: -999em;
3386          z-index: 99999;
3387      }
3388  
3389      .primary-navigation li li {
3390          border: 0;
3391          display: block;
3392          height: auto;
3393          line-height: 1.0909090909;
3394      }
3395  
3396      .primary-navigation ul ul ul {
3397          left: -999em;
3398          top: 0;
3399      }
3400  
3401      .primary-navigation ul ul a {
3402          padding: 18px 12px;
3403          white-space: normal;
3404          width: 176px;
3405      }
3406  
3407      .primary-navigation li:hover > a,
3408      .primary-navigation li.focus > a {
3409          background-color: #24890d;
3410          color: #fff;
3411      }
3412  
3413      .primary-navigation ul ul a:hover,
3414      .primary-navigation ul ul li.focus > a {
3415          background-color: #41a62a;
3416      }
3417  
3418      .primary-navigation ul li:hover > ul,
3419      .primary-navigation ul li.focus > ul {
3420          left: auto;
3421      }
3422  
3423      .primary-navigation ul ul li:hover > ul,
3424      .primary-navigation ul ul li.focus > ul {
3425          left: 100%;
3426      }
3427  
3428      .primary-navigation .menu-item-has-children > a,
3429      .primary-navigation .page_item_has_children > a {
3430          padding-right: 26px;
3431      }
3432  
3433      .primary-navigation .menu-item-has-children > a:after,
3434      .primary-navigation .page_item_has_children > a:after {
3435          -webkit-font-smoothing: antialiased;
3436          content: "\f502";
3437          display: inline-block;
3438          font: normal 8px/1 Genericons;
3439          position: absolute;
3440          right: 12px;
3441          top: 22px;
3442          vertical-align: text-bottom;
3443      }
3444  
3445      .primary-navigation li .menu-item-has-children > a,
3446      .primary-navigation li .page_item_has_children > a {
3447          padding-right: 20px;
3448          width: 168px;
3449      }
3450  
3451      .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
3452      .primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
3453      .primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
3454      .primary-navigation .page_item_has_children li.page_item_has_children > a:after {
3455          content: "\f501";
3456          right: 8px;
3457          top: 20px;
3458      }
3459  }
3460  
3461  @media screen and (min-width: 810px) {
3462      .attachment .entry-attachment .attachment {
3463          margin-right: -168px;
3464          margin-left: -168px;
3465          max-width: 810px;
3466      }
3467  
3468      .attachment .site-content .attachment img {
3469          display: block;
3470          margin: 0 auto;
3471      }
3472  
3473      .contributor-avatar {
3474          margin-left: -168px;
3475      }
3476  
3477      .contributor-summary {
3478          float: left;
3479      }
3480  
3481      .full-width .site-content blockquote.alignleft,
3482      .full-width .site-content blockquote.alignright {
3483          width: -webkit-calc(50% + 130px);
3484          width:         calc(50% + 130px);
3485      }
3486  
3487      .full-width .site-content blockquote.alignleft,
3488      .full-width .site-content img.size-full.alignleft,
3489      .full-width .site-content img.size-large.alignleft,
3490      .full-width .site-content img.size-medium.alignleft,
3491      .full-width .site-content .wp-caption.alignleft {
3492          margin-left: -168px;
3493      }
3494  
3495      .full-width .site-content .alignleft {
3496          clear: left;
3497      }
3498  
3499      .full-width .site-content blockquote.alignright,
3500      .full-width .site-content img.size-full.alignright,
3501      .full-width .site-content img.size-large.alignright,
3502      .full-width .site-content img.size-medium.alignright,
3503      .full-width .site-content .wp-caption.alignright {
3504          margin-right: -168px;
3505      }
3506  
3507      .full-width .site-content .alignright {
3508          clear: right;
3509      }
3510  }
3511  
3512  @media screen and (min-width: 846px) {
3513      .content-area,
3514      .content-sidebar {
3515          padding-top: 72px;
3516      }
3517  
3518      .site-content .has-post-thumbnail .entry-header {
3519          margin-top: -48px;
3520      }
3521  
3522      .comment-list .trackback,
3523      .comment-list .pingback,
3524      .comment-list article {
3525          margin-bottom: 36px;
3526          padding-top: 36px;
3527      }
3528  
3529      .comment-author .avatar {
3530          height: 34px;
3531          top: 2px;
3532          width: 34px;
3533      }
3534  
3535      .comment-author,
3536      .comment-awaiting-moderation,
3537      .comment-content,
3538      .comment-list .reply,
3539      .comment-metadata {
3540          padding-left: 50px;
3541      }
3542  
3543      .comment-list .children {
3544          margin-left: 20px;
3545      }
3546  
3547      .full-width.singular .site-content .hentry.has-post-thumbnail {
3548          margin-top: -72px;
3549      }
3550  
3551      .featured-content {
3552          margin-bottom: 0;
3553      }
3554  }
3555  
3556  @media screen and (min-width: 1008px) {
3557      .search-box-wrapper {
3558          padding-left: 182px;
3559      }
3560  
3561      .main-content {
3562          float: left;
3563      }
3564  
3565      .site-content {
3566          margin-right: 29.04761904%;
3567          margin-left: 182px;
3568      }
3569  
3570      .site-content .entry-header {
3571          margin-top: 0;
3572      }
3573  
3574      .site-content .has-post-thumbnail .entry-header {
3575          margin-top: 0;
3576      }
3577  
3578      .content-sidebar {
3579          margin-left: -29.04761904%;
3580          width: 29.04761904%;
3581      }
3582  
3583      .site:before {
3584          background-color: #000;
3585          content: "";
3586          display: block;
3587          height: 100%;
3588          min-height: 100%;
3589          position: absolute;
3590          top: 0;
3591          left: 0;
3592          width: 182px;
3593          z-index: 2;
3594      }
3595  
3596      #secondary {
3597          background-color: transparent;
3598          border: 0;
3599          clear: none;
3600          float: left;
3601          margin: 0 0 0 -100%;
3602          min-height: 100vh;
3603          width: 122px;
3604      }
3605  
3606      .primary-sidebar {
3607          padding-top: 0;
3608      }
3609  
3610      .site-description {
3611          display: block;
3612          margin: -3px 0 21px;
3613      }
3614  
3615      .site-description:empty {
3616          margin: 0;
3617      }
3618  
3619      .secondary-navigation {
3620          font-size: 11px;
3621          margin: 0 -30px 48px;
3622          width: 182px;
3623      }
3624  
3625      .secondary-navigation li {
3626          border-top: 1px solid rgba(255, 255, 255, 0.2);
3627          position: relative;
3628      }
3629  
3630      .secondary-navigation a {
3631          padding: 10px 30px;
3632      }
3633  
3634      .secondary-navigation ul ul {
3635          background-color: #24890d;
3636          position: absolute;
3637          top: 0;
3638          left: -999em;
3639          width: 182px;
3640          z-index: 99999;
3641      }
3642  
3643      .secondary-navigation li li {
3644          border-top: 0;
3645      }
3646  
3647      .secondary-navigation li:hover > a,
3648      .secondary-navigation li.focus > a {
3649          background-color: #24890d;
3650          color: #fff;
3651      }
3652  
3653      .secondary-navigation ul ul a:hover,
3654      .secondary-navigation ul ul li.focus > a {
3655          background-color: #41a62a;
3656      }
3657  
3658      .secondary-navigation ul li:hover > ul,
3659      .secondary-navigation ul li.focus > ul {
3660          left: 162px;
3661      }
3662  
3663      .secondary-navigation .menu-item-has-children > a {
3664          padding-right: 38px;
3665      }
3666  
3667      .secondary-navigation .menu-item-has-children > a:after {
3668          -webkit-font-smoothing: antialiased;
3669          content: "\f501";
3670          display: inline-block;
3671          font: normal 8px/1 Genericons;
3672          position: absolute;
3673          right: 26px;
3674          top: 14px;
3675          vertical-align: text-bottom;
3676      }
3677  
3678      .footer-sidebar .widget,
3679      .primary-sidebar .widget {
3680          font-size: 12px;
3681          line-height: 1.5;
3682      }
3683  
3684      .footer-sidebar .widget {
3685          -webkit-box-sizing: border-box;
3686          -moz-box-sizing:    border-box;
3687          box-sizing:         border-box;
3688          float: left;
3689          padding: 0 30px;
3690          width: 25%;
3691      }
3692  
3693      .footer-sidebar .widget h1,
3694      .primary-sidebar .widget h1 {
3695          font-size: 20px;
3696          line-height: 1.2;
3697      }
3698  
3699      .footer-sidebar .widget h2,
3700      .primary-sidebar .widget h2 {
3701          font-size: 18px;
3702          line-height: 1.3333333333;
3703      }
3704  
3705      .footer-sidebar .widget h3,
3706      .primary-sidebar .widget h3 {
3707          font-size: 16px;
3708          line-height: 1.5;
3709      }
3710  
3711      .footer-sidebar .widget h4,
3712      .primary-sidebar .widget h4 {
3713          font-size: 14px;
3714          line-height: 1.7142857142;
3715      }
3716  
3717      .footer-sidebar .widget h5,
3718      .primary-sidebar .widget h5 {
3719          font-size: 12px;
3720          line-height: 2;
3721      }
3722  
3723      .footer-sidebar .widget h6,
3724      .primary-sidebar .widget h6 {
3725          font-size: 11px;
3726          line-height: 2.1818181818;
3727      }
3728  
3729      .footer-sidebar .widget code,
3730      .footer-sidebar .widget kbd,
3731      .footer-sidebar .widget tt,
3732      .footer-sidebar .widget var,
3733      .footer-sidebar .widget samp,
3734      .footer-sidebar .widget pre,
3735      .primary-sidebar .widget code,
3736      .primary-sidebar .widget kbd,
3737      .primary-sidebar .widget tt,
3738      .primary-sidebar .widget var,
3739      .primary-sidebar .widget samp,
3740      .primary-sidebar .widget pre {
3741          font-size: 11px;
3742          line-height: 1.6363636363;
3743      }
3744  
3745      .footer-sidebar .widget blockquote,
3746      .primary-sidebar .widget blockquote {
3747          font-size: 14px;
3748          line-height: 1.2857142857;
3749      }
3750  
3751      .footer-sidebar .widget blockquote cite,
3752      .primary-sidebar .widget blockquote cite {
3753          font-size: 12px;
3754          line-height: 1.5;
3755      }
3756  
3757      .footer-sidebar .widget input,
3758      .footer-sidebar .widget textarea,
3759      .primary-sidebar .widget input,
3760      .primary-sidebar .widget textarea {
3761          font-size: 12px;
3762          padding: 3px 2px 4px 4px;
3763      }
3764  
3765      .footer-sidebar .widget input[type="button"],
3766      .footer-sidebar .widget input[type="reset"],
3767      .footer-sidebar .widget input[type="submit"],
3768      .primary-sidebar .widget input[type="button"],
3769      .primary-sidebar .widget input[type="reset"],
3770      .primary-sidebar .widget input[type="submit"] {
3771          padding: 5px 15px 4px;
3772      }
3773  
3774      .footer-sidebar .widget .widget-title,
3775      .primary-sidebar .widget .widget-title {
3776          font-size: 11px;
3777          font-weight: 900;
3778          line-height: 1.6363636363;
3779          margin-bottom: 18px;
3780      }
3781  
3782      .footer-sidebar .widget_twentyfourteen_ephemera .entry-title,
3783      .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta,
3784      .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
3785      .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
3786      .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table,
3787      .primary-sidebar .widget_twentyfourteen_ephemera .entry-title,
3788      .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta,
3789      .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
3790      .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
3791      .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table {
3792          font-size: 11px;
3793          line-height: 1.6363636363;
3794      }
3795  
3796      .footer-sidebar .widget_archive li,
3797      .footer-sidebar .widget_categories li,
3798      .footer-sidebar .widget_links li,
3799      .footer-sidebar .widget_meta li,
3800      .footer-sidebar .widget_nav_menu li,
3801      .footer-sidebar .widget_pages li,
3802      .footer-sidebar .widget_recent_comments li,
3803      .footer-sidebar .widget_recent_entries li,
3804      .primary-sidebar .widget_archive li,
3805      .primary-sidebar .widget_categories li,
3806      .primary-sidebar .widget_links li,
3807      .primary-sidebar .widget_meta li,
3808      .primary-sidebar .widget_nav_menu li,
3809      .primary-sidebar .widget_pages li,
3810      .primary-sidebar .widget_recent_comments li,
3811      .primary-sidebar .widget_recent_entries li {
3812          border-top: 0;
3813          padding: 0 0 6px;
3814      }
3815  
3816      .footer-sidebar .widget_archive li:last-child,
3817      .footer-sidebar .widget_categories li:last-child,
3818      .footer-sidebar .widget_links li:last-child,
3819      .footer-sidebar .widget_meta li:last-child,
3820      .footer-sidebar .widget_nav_menu li:last-child,
3821      .footer-sidebar .widget_pages li:last-child,
3822      .footer-sidebar .widget_recent_comments li:last-child,
3823      .footer-sidebar .widget_recent_entries li:last-child,
3824      .primary-sidebar .widget_archive li:last-child,
3825      .primary-sidebar .widget_categories li:last-child,
3826      .primary-sidebar .widget_links li:last-child,
3827      .primary-sidebar .widget_meta li:last-child,
3828      .primary-sidebar .widget_nav_menu li:last-child,
3829      .primary-sidebar .widget_pages li:last-child,
3830      .primary-sidebar .widget_recent_comments li:last-child,
3831      .primary-sidebar .widget_recent_entries li:last-child {
3832          padding: 0;
3833      }
3834  
3835      .footer-sidebar .widget_categories li ul,
3836      .footer-sidebar .widget_nav_menu li ul,
3837      .footer-sidebar .widget_pages li ul,
3838      .primary-sidebar .widget_categories li ul,
3839      .primary-sidebar .widget_nav_menu li ul,
3840      .primary-sidebar .widget_pages li ul {
3841          border-top: 0;
3842          margin-top: 6px;
3843      }
3844  
3845      #supplementary {
3846          padding: 0;
3847      }
3848  
3849      .footer-sidebar {
3850          font-size: 12px;
3851          line-height: 1.5;
3852      }
3853  
3854      .featured-content {
3855          padding-left: 182px;
3856      }
3857  
3858      .grid .featured-content .hentry {
3859          width: 33.3333333%;
3860      }
3861  
3862      .grid .featured-content .hentry:nth-child( 2n+1 ) {
3863          clear: none;
3864      }
3865  
3866      .grid .featured-content .hentry:nth-child( 3n+1 ) {
3867          clear: both;
3868      }
3869  
3870      .grid .featured-content .entry-header {
3871          height: 120px;
3872      }
3873  }
3874  
3875  @media screen and (min-width: 1040px) {
3876      .site-content .has-post-thumbnail .entry-header {
3877          margin-top: -48px;
3878      }
3879  
3880      .archive-header,
3881      .comments-area,
3882      .image-navigation,
3883      .page-header,
3884      .page-content,
3885      .post-navigation,
3886      .site-content .entry-header,
3887      .site-content .entry-content,
3888      .site-content .entry-summary,
3889      .site-content footer.entry-meta {
3890          padding-right: 15px;
3891          padding-left: 15px;
3892      }
3893  
3894      .full-width .archive-header,
3895      .full-width .comments-area,
3896      .full-width .image-navigation,
3897      .full-width .page-header,
3898      .full-width .page-content,
3899      .full-width .post-navigation,
3900      .full-width .site-content .entry-header,
3901      .full-width .site-content .entry-content,
3902      .full-width .site-content .entry-summary,
3903      .full-width .site-content footer.entry-meta {
3904          padding-right: 30px;
3905          padding-left: 30px;
3906      }
3907  }
3908  
3909  @media screen and (min-width: 1080px) {
3910      .search-box .search-field {
3911          width: 324px;
3912      }
3913  
3914      .site-content,
3915      .site-main .widecolumn {
3916          margin-left: 222px;
3917      }
3918  
3919      .site:before {
3920          width: 222px;
3921      }
3922  
3923      .search-box-wrapper,
3924      .featured-content {
3925          padding-left: 222px;
3926      }
3927  
3928      #secondary {
3929          width: 162px;
3930      }
3931  
3932      .secondary-navigation,
3933      .secondary-navigation ul ul {
3934          width: 222px;
3935      }
3936  
3937      .secondary-navigation ul li:hover > ul,
3938      .secondary-navigation ul li.focus > ul {
3939          left: 202px;
3940      }
3941  
3942      .slider .featured-content .entry-title {
3943          font-size: 33px;
3944      }
3945  
3946      .slider .featured-content .entry-header,
3947      .slider-control-paging {
3948          width: 534px;
3949      }
3950  
3951      .slider-control-paging {
3952          padding-left: 24px;
3953      }
3954  
3955      .slider-control-paging li {
3956          margin: 12px 12px 12px 0;
3957      }
3958  
3959      .slider-control-paging a {
3960          height: 24px;
3961          width: 24px;
3962      }
3963  
3964      .slider-control-paging a:before {
3965          top: 6px;
3966          left: 6px;
3967      }
3968  }
3969  
3970  @media screen and (min-width: 1110px) {
3971      .archive-header,
3972      .comments-area,
3973      .image-navigation,
3974      .page-header,
3975      .page-content,
3976      .post-navigation,
3977      .site-content .entry-header,
3978      .site-content .entry-content,
3979      .site-content .entry-summary,
3980      .site-content footer.entry-meta {
3981          padding-right: 30px;
3982          padding-left: 30px;
3983      }
3984  }
3985  
3986  @media screen and (min-width: 1218px) {
3987      .archive-header,
3988      .comments-area,
3989      .image-navigation,
3990      .page-header,
3991      .page-content,
3992      .post-navigation,
3993      .site-content .entry-header,
3994      .site-content .entry-content,
3995      .site-content .entry-summary,
3996      .site-content footer.entry-meta {
3997          margin-right: 54px;
3998      }
3999  
4000      .full-width .archive-header,
4001      .full-width .comments-area,
4002      .full-width .image-navigation,
4003      .full-width .page-header,
4004      .full-width .page-content,
4005      .full-width .post-navigation,
4006      .full-width .site-content .entry-header,
4007      .full-width .site-content .entry-content,
4008      .full-width .site-content .entry-summary,
4009      .full-width .site-content footer.entry-meta {
4010          margin-right: auto;
4011      }
4012  }
4013  
4014  @media screen and (min-width: 1260px) {
4015      .site-content blockquote.alignleft,
4016      .site-content blockquote.alignright {
4017          width: -webkit-calc(50% + 18px);
4018          width:         calc(50% + 18px);
4019      }
4020  
4021      .site-content blockquote.alignleft {
4022          margin-left: -18%;
4023      }
4024  
4025      .site-content blockquote.alignright {
4026          margin-right: -18%;
4027      }
4028  }
4029  
4030  
4031  /**
4032   * 12.0 Print
4033   * -----------------------------------------------------------------------------
4034   */
4035  
4036  @media print {
4037      body {
4038          background: none !important; /* Brute force since user agents all print differently. */
4039          color: #2b2b2b;
4040          font-size: 12pt;
4041      }
4042  
4043      .site,
4044      .site-header,
4045      .hentry,
4046      .site-content .entry-header,
4047      .site-content .entry-content,
4048      .site-content .entry-summary,
4049      .site-content .entry-meta,
4050      .page-content,
4051      .archive-header,
4052      .page-header,
4053      .contributor-info,
4054      .comments-area,
4055      .attachment .entry-attachment .attachment {
4056          max-width: 100%;
4057      }
4058  
4059      #site-header img,
4060      .search-toggle,
4061      .site-navigation,
4062      .site-content nav,
4063      .edit-link,
4064      .page-links,
4065      .widget-area,
4066      .more-link,
4067      .post-format-archive-link,
4068      .comment-respond,
4069      .comment-list .reply,
4070      .comment-reply-login,
4071      #secondary,
4072      .site-footer,
4073      .slider-control-paging,
4074      .slider-direction-nav {
4075          display: none;
4076      }
4077  
4078      .site-title a,
4079      .entry-meta,
4080      .entry-meta a,
4081      .featured-content .hentry,
4082      .featured-content a {
4083          color: #2b2b2b;
4084      }
4085  
4086      .entry-content a,
4087      .entry-summary a,
4088      .page-content a,
4089      .comment-content a {
4090          text-decoration: none;
4091      }
4092  
4093      .site-header,
4094      .post-thumbnail,
4095      a.post-thumbnail:hover,
4096      .site-content .entry-header,
4097      .site-footer,
4098      .featured-content,
4099      .featured-content .entry-header {
4100          background: transparent;
4101      }
4102  
4103      .header-main {
4104          padding: 48px 10px;
4105      }
4106  
4107      .site-title {
4108          float: none;
4109          font-size: 19pt;
4110      }
4111  
4112      .content-area {
4113          padding-top: 0;
4114      }
4115  
4116      .list-view .site-content .hentry {
4117          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4118          margin-bottom: 48px;
4119          padding-bottom: 24px;
4120      }
4121  
4122      .post-thumbnail img {
4123          margin: 0 10px 24px;
4124      }
4125  
4126      .site-content .has-post-thumbnail .entry-header {
4127          padding-top: 0;
4128      }
4129  
4130      .site-content footer.entry-meta {
4131          margin: 24px auto;
4132      }
4133  
4134      .entry-meta .tag-links a {
4135          color: #fff;
4136      }
4137  
4138      .singular .site-content .hentry.has-post-thumbnail {
4139          margin-top: 0;
4140      }
4141  
4142      .gallery-columns-1.gallery-size-medium,
4143      .gallery-columns-1.gallery-size-thumbnail,
4144      .gallery-columns-2.gallery-size-thumbnail,
4145      .gallery-columns-3.gallery-size-thumbnail {
4146          display: block;
4147      }
4148  
4149      .archive-title,
4150      .page-title {
4151          margin: 0 10px 48px;
4152      }
4153  
4154      .featured-content .hentry {
4155          margin-bottom: 48px;
4156      }
4157  
4158      .featured-content .post-thumbnail,
4159      .slider .featured-content .post-thumbnail {
4160          padding-top: 0;
4161      }
4162  
4163      .featured-content .post-thumbnail img {
4164          position: relative;
4165      }
4166  
4167      .featured-content .entry-header {
4168          padding: 0 10px 24px;
4169      }
4170  
4171      .featured-content .entry-meta {
4172          font-size: 9pt;
4173          margin-bottom: 11px;
4174      }
4175  
4176      .featured-content .cat-links {
4177          font-weight: 900;
4178      }
4179  
4180      .featured-content .entry-title {
4181          font-size: 25pt;
4182          line-height: 36px;
4183      }
4184  }