wp-content/themes/twentyfourteen/style.css

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