~canonical-sysadmins/wordpress/4.5.2

« back to all changes in this revision

Viewing changes to wp-content/themes/twentyfourteen/style.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

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