wp-content/themes/twentyfourteen/style.css

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