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