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