]> git.piffa.net Git - arduino/blob - slides/lday/Linuxday Modena_files/style.css
rotonda
[arduino] / slides / lday / Linuxday Modena_files / style.css
1 /*\r
2 Theme Name: Twenty Thirteen\r
3 Theme URI: https://wordpress.org/themes/twentythirteen/\r
4 Author: the WordPress team\r
5 Author URI: https://wordpress.org/\r
6 Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.\r
7 Version: 1.6\r
8 License: GNU General Public License v2 or later\r
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html\r
10 Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready\r
11 Text Domain: twentythirteen\r
12 \r
13 This theme, like WordPress, is licensed under the GPL.\r
14 Use it to make something cool, have fun, and share what you've learned with others.\r
15 */\r
16 \r
17 \r
18 /**\r
19  * Table of Contents:\r
20  *\r
21  * 1.0 - Reset\r
22  * 2.0 - Repeatable Patterns\r
23  * 3.0 - Basic Structure\r
24  * 4.0 - Header\r
25  *   4.1 - Site Header\r
26  *   4.2 - Navigation\r
27  * 5.0 - Content\r
28  *   5.1 - Entry Header\r
29  *   5.2 - Entry Meta\r
30  *   5.3 - Entry Content\r
31  *   5.4 - Galleries\r
32  *   5.5 - Post Formats\r
33  *   5.6 - Attachments\r
34  *   5.7 - Post/Paging Navigation\r
35  *   5.8 - Author Bio\r
36  *   5.9 - Archives\r
37  *   5.10 - Search Results/No posts\r
38  *   5.11 - 404\r
39  *   5.12 - Comments\r
40  *   5.13 - Multisite\r
41  * 6.0 - Sidebar\r
42  *   6.1 - Widgets\r
43  * 7.0 - Footer\r
44  * 8.0 - Media Queries\r
45  * 9.0 - Print\r
46  * ----------------------------------------------------------------------------\r
47  */\r
48 \r
49 \r
50 /**\r
51  * 1.0 Reset\r
52  *\r
53  * Modified from Normalize.css to provide cross-browser consistency and a smart\r
54  * default styling of HTML elements.\r
55  *\r
56  * @see http://git.io/normalize\r
57  * ----------------------------------------------------------------------------\r
58  */\r
59 \r
60 * {\r
61         -webkit-box-sizing: border-box;\r
62         -moz-box-sizing:    border-box;\r
63         box-sizing:         border-box;\r
64 }\r
65 \r
66 article,\r
67 aside,\r
68 details,\r
69 figcaption,\r
70 figure,\r
71 footer,\r
72 header,\r
73 nav,\r
74 section,\r
75 summary {\r
76         display: block;\r
77 }\r
78 \r
79 audio,\r
80 canvas,\r
81 video {\r
82         display: inline-block;\r
83 }\r
84 \r
85 audio:not([controls]) {\r
86         display: none;\r
87         height: 0;\r
88 }\r
89 \r
90 [hidden] {\r
91         display: none;\r
92 }\r
93 \r
94 html {\r
95         font-size: 100%;\r
96         overflow-y: scroll;\r
97         -webkit-text-size-adjust: 100%;\r
98         -ms-text-size-adjust: 100%;\r
99 }\r
100 \r
101 html,\r
102 button,\r
103 input,\r
104 select,\r
105 textarea {\r
106         font-family: "Source Sans Pro", Helvetica, sans-serif;\r
107 }\r
108 \r
109 body {\r
110         color: #141412;\r
111         line-height: 1.5;\r
112         margin: 0;\r
113 }\r
114 \r
115 a {\r
116         color: #ca3c08;\r
117         text-decoration: none;\r
118 }\r
119 \r
120 a:visited {\r
121         color: #ac0404;\r
122 }\r
123 \r
124 a:focus {\r
125         outline: thin dotted;\r
126 }\r
127 \r
128 a:active,\r
129 a:hover {\r
130         color: #ea9629;\r
131         outline: 0;\r
132 }\r
133 \r
134 a:hover {\r
135         text-decoration: underline;\r
136 }\r
137 \r
138 h1,\r
139 h2,\r
140 h3,\r
141 h4,\r
142 h5,\r
143 h6 {\r
144         clear: both;\r
145         font-family: Bitter, Georgia, serif;\r
146         line-height: 1.3;\r
147 }\r
148 \r
149 h1 {\r
150         font-size: 48px;\r
151         margin: 33px 0;\r
152 }\r
153 \r
154 h2 {\r
155         font-size: 30px;\r
156         margin: 25px 0;\r
157 }\r
158 \r
159 h3 {\r
160         font-size: 22px;\r
161         margin: 22px 0;\r
162 }\r
163 \r
164 h4 {\r
165         font-size: 20px;\r
166         margin: 25px 0;\r
167 }\r
168 \r
169 h5 {\r
170         font-size: 18px;\r
171         margin: 30px 0;\r
172 }\r
173 \r
174 h6 {\r
175         font-size: 16px;\r
176         margin: 36px 0;\r
177 }\r
178 \r
179 address {\r
180         font-style: italic;\r
181         margin: 0 0 24px;\r
182 }\r
183 \r
184 abbr[title] {\r
185         border-bottom: 1px dotted;\r
186 }\r
187 \r
188 b,\r
189 strong {\r
190         font-weight: bold;\r
191 }\r
192 \r
193 dfn {\r
194         font-style: italic;\r
195 }\r
196 \r
197 mark {\r
198         background: #ff0;\r
199         color: #000;\r
200 }\r
201 \r
202 p {\r
203         margin: 0 0 24px;\r
204 }\r
205 \r
206 code,\r
207 kbd,\r
208 pre,\r
209 samp {\r
210         font-family: monospace, serif;\r
211         font-size: 14px;\r
212         -webkit-hyphens: none;\r
213         -moz-hyphens:    none;\r
214         -ms-hyphens:     none;\r
215         hyphens:         none;\r
216 }\r
217 \r
218 pre {\r
219         background: #f5f5f5;\r
220         color: #666;\r
221         font-family: monospace;\r
222         font-size: 14px;\r
223         margin: 20px 0;\r
224         overflow: auto;\r
225         padding: 20px;\r
226         white-space: pre;\r
227         white-space: pre-wrap;\r
228         word-wrap: break-word;\r
229 }\r
230 \r
231 blockquote,\r
232 q {\r
233         -webkit-hyphens: none;\r
234         -moz-hyphens:    none;\r
235         -ms-hyphens:     none;\r
236         hyphens:         none;\r
237         quotes: none;\r
238 }\r
239 \r
240 blockquote:before,\r
241 blockquote:after,\r
242 q:before,\r
243 q:after {\r
244         content: "";\r
245         content: none;\r
246 }\r
247 \r
248 blockquote {\r
249         font-size: 18px;\r
250         font-style: italic;\r
251         font-weight: 300;\r
252         margin: 24px 40px;\r
253 }\r
254 \r
255 blockquote blockquote {\r
256         margin-right: 0;\r
257 }\r
258 \r
259 blockquote cite,\r
260 blockquote small {\r
261         font-size: 14px;\r
262         font-weight: normal;\r
263         text-transform: uppercase;\r
264 }\r
265 \r
266 blockquote em,\r
267 blockquote i {\r
268         font-style: normal;\r
269         font-weight: 300;\r
270 }\r
271 \r
272 blockquote strong,\r
273 blockquote b {\r
274         font-weight: 400;\r
275 }\r
276 \r
277 small {\r
278         font-size: smaller;\r
279 }\r
280 \r
281 sub,\r
282 sup {\r
283         font-size: 75%;\r
284         line-height: 0;\r
285         position: relative;\r
286         vertical-align: baseline;\r
287 }\r
288 \r
289 sup {\r
290         top: -0.5em;\r
291 }\r
292 \r
293 sub {\r
294         bottom: -0.25em;\r
295 }\r
296 \r
297 dl {\r
298         margin: 0 20px;\r
299 }\r
300 \r
301 dt {\r
302         font-weight: bold;\r
303 }\r
304 \r
305 dd {\r
306         margin: 0 0 20px;\r
307 }\r
308 \r
309 menu,\r
310 ol,\r
311 ul {\r
312         margin: 16px 0;\r
313         padding: 0 0 0 40px;\r
314 }\r
315 \r
316 ul {\r
317         list-style-type: square;\r
318 }\r
319 \r
320 nav ul,\r
321 nav ol {\r
322         list-style: none;\r
323         list-style-image: none;\r
324 }\r
325 \r
326 li > ul,\r
327 li > ol {\r
328         margin: 0;\r
329 }\r
330 \r
331 img {\r
332         -ms-interpolation-mode: bicubic;\r
333         border: 0;\r
334         vertical-align: middle;\r
335 }\r
336 \r
337 svg:not(:root) {\r
338         overflow: hidden;\r
339 }\r
340 \r
341 figure {\r
342         margin: 0;\r
343 }\r
344 \r
345 form {\r
346         margin: 0;\r
347 }\r
348 \r
349 fieldset {\r
350         border: 1px solid #c0c0c0;\r
351         margin: 0 2px;\r
352         padding: 0.35em 0.625em 0.75em;\r
353 }\r
354 \r
355 legend {\r
356         border: 0;\r
357         padding: 0;\r
358         white-space: normal;\r
359 }\r
360 \r
361 button,\r
362 input,\r
363 select,\r
364 textarea {\r
365         font-size: 100%;\r
366         margin: 0;\r
367         max-width: 100%;\r
368         vertical-align: baseline;\r
369 }\r
370 \r
371 button,\r
372 input {\r
373         line-height: normal;\r
374 }\r
375 \r
376 button,\r
377 html input[type="button"],\r
378 input[type="reset"],\r
379 input[type="submit"] {\r
380         -webkit-appearance: button;\r
381         cursor: pointer;\r
382 }\r
383 \r
384 button[disabled],\r
385 input[disabled] {\r
386         cursor: default;\r
387 }\r
388 \r
389 input[type="checkbox"],\r
390 input[type="radio"] {\r
391         padding: 0;\r
392 }\r
393 \r
394 input[type="search"] {\r
395         -webkit-appearance: textfield;\r
396         padding-right: 2px; /* Don't cut off the webkit search cancel button */\r
397         width: 270px;\r
398 }\r
399 \r
400 input[type="search"]::-webkit-search-decoration {\r
401         -webkit-appearance: none;\r
402 }\r
403 \r
404 button::-moz-focus-inner,\r
405 input::-moz-focus-inner {\r
406         border: 0;\r
407         padding: 0;\r
408 }\r
409 \r
410 textarea {\r
411         overflow: auto;\r
412         vertical-align: top;\r
413 }\r
414 \r
415 table {\r
416         border-bottom: 1px solid #ededed;\r
417         border-collapse: collapse;\r
418         border-spacing: 0;\r
419         font-size: 14px;\r
420         line-height: 2;\r
421         margin: 0 0 20px;\r
422         width: 100%;\r
423 }\r
424 \r
425 caption,\r
426 th,\r
427 td {\r
428         font-weight: normal;\r
429         text-align: left;\r
430 }\r
431 \r
432 caption {\r
433         font-size: 16px;\r
434         margin: 20px 0;\r
435 }\r
436 \r
437 th {\r
438         font-weight: bold;\r
439         text-transform: uppercase;\r
440 }\r
441 \r
442 td {\r
443         border-top: 1px solid #ededed;\r
444         padding: 6px 10px 6px 0;\r
445 }\r
446 \r
447 del {\r
448         color: #333;\r
449 }\r
450 \r
451 ins {\r
452         background: #fff9c0;\r
453         text-decoration: none;\r
454 }\r
455 \r
456 hr {\r
457         background: url(images/dotted-line.png) repeat center top;\r
458         background-size: 4px 4px;\r
459         border: 0;\r
460         height: 1px;\r
461         margin: 0 0 24px;\r
462 }\r
463 \r
464 \r
465 /**\r
466  * 2.0 Repeatable Patterns\r
467  * ----------------------------------------------------------------------------\r
468  */\r
469 \r
470 .genericon:before,\r
471 .menu-toggle:after,\r
472 .featured-post:before,\r
473 .date a:before,\r
474 .entry-meta .author a:before,\r
475 .format-audio .entry-content:before,\r
476 .comments-link a:before,\r
477 .tags-links a:first-child:before,\r
478 .categories-links a:first-child:before,\r
479 .edit-link a:before,\r
480 .attachment .entry-title:before,\r
481 .attachment-meta:before,\r
482 .attachment-meta a:before,\r
483 .comment-awaiting-moderation:before,\r
484 .comment-reply-link:before,\r
485 .comment-reply-login:before,\r
486 .comment-reply-title small a:before,\r
487 .bypostauthor > .comment-body .fn:before,\r
488 .error404 .page-title:before {\r
489         -webkit-font-smoothing: antialiased;\r
490         display: inline-block;\r
491         font: normal 16px/1 Genericons;\r
492         vertical-align: text-bottom;\r
493 }\r
494 \r
495 /* Clearing floats */\r
496 .clear:after,\r
497 .attachment .entry-header:after,\r
498 .site-footer .widget-area:after,\r
499 .entry-content:after,\r
500 .page-content:after,\r
501 .navigation:after,\r
502 .nav-links:after,\r
503 .gallery:after,\r
504 .comment-form-author:after,\r
505 .comment-form-email:after,\r
506 .comment-form-url:after,\r
507 .comment-body:after {\r
508         clear: both;\r
509 }\r
510 \r
511 .clear:before,\r
512 .clear:after,\r
513 .attachment .entry-header:before,\r
514 .attachment .entry-header:after,\r
515 .site-footer .widget-area:before,\r
516 .site-footer .widget-area:after,\r
517 .entry-content:before,\r
518 .entry-content:after,\r
519 .page-content:before,\r
520 .page-content:after,\r
521 .navigation:before,\r
522 .navigation:after,\r
523 .nav-links:before,\r
524 .nav-links:after,\r
525 .gallery:before,\r
526 .gallery:after,\r
527 .comment-form-author:before,\r
528 .comment-form-author:after,\r
529 .comment-form-email:before,\r
530 .comment-form-email:after,\r
531 .comment-form-url:before,\r
532 .comment-form-url:after,\r
533 .comment-body:before,\r
534 .comment-body:after {\r
535         content: "";\r
536         display: table;\r
537 }\r
538 \r
539 /* Assistive text */\r
540 .screen-reader-text {\r
541         clip: rect(1px, 1px, 1px, 1px);\r
542         overflow: hidden;\r
543         position: absolute !important;\r
544         height: 1px;\r
545         width: 1px;\r
546 }\r
547 \r
548 .screen-reader-text:focus {\r
549         background-color: #f1f1f1;\r
550         border-radius: 3px;\r
551         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\r
552         clip: auto !important;\r
553         color: #21759b;\r
554         display: block;\r
555         font-size: 14px;\r
556         font-weight: bold;\r
557         height: auto;\r
558         line-height: normal;\r
559         padding: 15px 23px 14px;\r
560         position: absolute;\r
561         left: 5px;\r
562         top: 5px;\r
563         text-decoration: none;\r
564         width: auto;\r
565         z-index: 100000; /* Above WP toolbar */\r
566 }\r
567 \r
568 /* Form fields, general styles first. */\r
569 button,\r
570 input,\r
571 textarea {\r
572         border: 2px solid #d4d0ba;\r
573         font-family: inherit;\r
574         padding: 5px;\r
575 }\r
576 \r
577 input,\r
578 textarea {\r
579         color: #141412;\r
580 }\r
581 \r
582 input:focus,\r
583 textarea:focus {\r
584         border: 2px solid #c3c0ab;\r
585         outline: 0;\r
586 }\r
587 \r
588 /* Buttons */\r
589 button,\r
590 input[type="submit"],\r
591 input[type="button"],\r
592 input[type="reset"] {\r
593         background: #e05d22; /* Old browsers */\r
594         background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */\r
595         background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */\r
596         border: none;\r
597         border-bottom: 3px solid #b93207;\r
598         border-radius: 2px;\r
599         color: #fff;\r
600         display: inline-block;\r
601         padding: 11px 24px 10px;\r
602         text-decoration: none;\r
603 }\r
604 \r
605 button:hover,\r
606 button:focus,\r
607 input[type="submit"]:hover,\r
608 input[type="button"]:hover,\r
609 input[type="reset"]:hover,\r
610 input[type="submit"]:focus,\r
611 input[type="button"]:focus,\r
612 input[type="reset"]:focus {\r
613         background: #ed6a31; /* Old browsers */\r
614         background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */\r
615         background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */\r
616         outline: none;\r
617 }\r
618 \r
619 button:active,\r
620 input[type="submit"]:active,\r
621 input[type="button"]:active,\r
622 input[type="reset"]:active {\r
623         background: #d94412; /* Old browsers */\r
624         background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */\r
625         background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */\r
626         border: none;\r
627         border-top: 3px solid #b93207;\r
628         padding: 10px 24px 11px;\r
629 }\r
630 \r
631 .post-password-required input[type="submit"] {\r
632         padding: 7px 24px 4px;\r
633         vertical-align: bottom;\r
634 }\r
635 \r
636 .post-password-required input[type="submit"]:active {\r
637         padding: 5px 24px 6px;\r
638 }\r
639 \r
640 /* Placeholder text color -- selectors need to be separate to work. */\r
641 ::-webkit-input-placeholder {\r
642         color: #7d7b6d;\r
643 }\r
644 \r
645 :-moz-placeholder {\r
646         color: #7d7b6d;\r
647 }\r
648 \r
649 ::-moz-placeholder {\r
650         color: #7d7b6d;\r
651 }\r
652 \r
653 :-ms-input-placeholder {\r
654         color: #7d7b6d;\r
655 }\r
656 \r
657 /*\r
658  * Responsive images\r
659  *\r
660  * Fluid images for posts, comments, and widgets\r
661  */\r
662 .entry-content img,\r
663 .entry-summary img,\r
664 .comment-content img,\r
665 .widget img,\r
666 .wp-caption {\r
667         max-width: 100%;\r
668 }\r
669 \r
670 /* Make sure images with WordPress-added height and width attributes are scaled correctly. */\r
671 .entry-content img,\r
672 .entry-summary img,\r
673 .comment-content img[height],\r
674 img[class*="align"],\r
675 img[class*="wp-image-"],\r
676 img[class*="attachment-"] {\r
677         height: auto;\r
678 }\r
679 \r
680 img.size-full,\r
681 img.size-large,\r
682 img.wp-post-image {\r
683         height: auto;\r
684         max-width: 100%;\r
685 }\r
686 \r
687 /* Make sure videos and embeds fit their containers. */\r
688 embed,\r
689 iframe,\r
690 object,\r
691 video {\r
692         max-width: 100%;\r
693 }\r
694 \r
695 /* Override the Twitter embed fixed width. */\r
696 .entry-content .twitter-tweet-rendered {\r
697         max-width: 100% !important;\r
698 }\r
699 \r
700 /* Images */\r
701 .alignleft {\r
702         float: left;\r
703 }\r
704 \r
705 .alignright {\r
706         float: right;\r
707 }\r
708 \r
709 .aligncenter {\r
710         display: block;\r
711         margin-left: auto;\r
712         margin-right: auto;\r
713 }\r
714 \r
715 figure.wp-caption.alignleft,\r
716 img.alignleft {\r
717         margin: 5px 20px 5px 0;\r
718 }\r
719 \r
720 .wp-caption.alignleft {\r
721         margin: 5px 10px 5px 0;\r
722 }\r
723 \r
724 figure.wp-caption.alignright,\r
725 img.alignright {\r
726         margin: 5px 0 5px 20px;\r
727 }\r
728 \r
729 .wp-caption.alignright {\r
730         margin: 5px 0 5px 10px;\r
731 }\r
732 \r
733 img.aligncenter {\r
734         margin: 5px auto;\r
735 }\r
736 \r
737 img.alignnone {\r
738         margin: 5px 0;\r
739 }\r
740 \r
741 .wp-caption .wp-caption-text,\r
742 .entry-caption,\r
743 .gallery-caption {\r
744         color: #220e10;\r
745         font-size: 18px;\r
746         font-style: italic;\r
747         font-weight: 300;\r
748         margin: 0 0 24px;\r
749 }\r
750 \r
751 div.wp-caption.alignright img[class*="wp-image-"] {\r
752         float: right;\r
753 }\r
754 \r
755 div.wp-caption.alignright .wp-caption-text {\r
756         padding-left: 10px;\r
757 }\r
758 \r
759 img.wp-smiley,\r
760 .rsswidget img {\r
761         border: 0;\r
762         border-radius: 0;\r
763         box-shadow: none;\r
764         margin-bottom: 0;\r
765         margin-top: 0;\r
766         padding: 0;\r
767 }\r
768 \r
769 .wp-caption.alignleft + ul,\r
770 .wp-caption.alignleft + ol {\r
771         list-style-position: inside;\r
772 }\r
773 \r
774 \r
775 /**\r
776  * 3.0 Basic Structure\r
777  * ----------------------------------------------------------------------------\r
778  */\r
779 \r
780 .site {\r
781         background-color: #fff;\r
782         border-left: 1px solid #f2f2f2;\r
783         border-right: 1px solid #f2f2f2;\r
784         margin: 0 auto;\r
785         max-width: 1600px;\r
786         width: 100%;\r
787 }\r
788 \r
789 .site-main {\r
790         position: relative;\r
791 }\r
792 \r
793 .site-main .sidebar-container {\r
794         height: 0;\r
795         position: absolute;\r
796         top: 40px;\r
797         width: 100%;\r
798         z-index: 1;\r
799 }\r
800 \r
801 .site-main .sidebar-inner {\r
802         margin: 0 auto;\r
803         max-width: 1040px;\r
804 }\r
805 \r
806 \r
807 /**\r
808  * 4.0 Header\r
809  * ----------------------------------------------------------------------------\r
810  */\r
811 \r
812 /**\r
813  * 4.1 Site Header\r
814  * ----------------------------------------------------------------------------\r
815  */\r
816 \r
817 .site-header {\r
818         position: relative;\r
819 }\r
820 \r
821 .site-header .home-link {\r
822         color: #141412;\r
823         display: block;\r
824         margin: 0 auto;\r
825         max-width: 1080px;\r
826         min-height: 230px;\r
827         padding: 0 20px;\r
828         text-decoration: none;\r
829         width: 100%;\r
830 }\r
831 \r
832 .site-header .site-title:hover {\r
833         text-decoration: underline;\r
834 }\r
835 \r
836 .site-title {\r
837         font-size: 60px;\r
838         font-weight: bold;\r
839         line-height: 1;\r
840         margin: 0;\r
841         padding: 58px 0 10px;\r
842 }\r
843 \r
844 .site-description {\r
845         font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;\r
846         margin: 0;\r
847 }\r
848 \r
849 \r
850 /**\r
851  * 4.2 Navigation\r
852  * ----------------------------------------------------------------------------\r
853  */\r
854 \r
855 .main-navigation {\r
856         clear: both;\r
857         margin: 0 auto;\r
858         max-width: 1080px;\r
859         min-height: 45px;\r
860         position: relative;\r
861 }\r
862 \r
863 ul.nav-menu,\r
864 div.nav-menu > ul {\r
865         margin: 0;\r
866         padding: 0 40px 0 0;\r
867 }\r
868 \r
869 .nav-menu li {\r
870         display: inline-block;\r
871         position: relative;\r
872 }\r
873 \r
874 .nav-menu li a {\r
875         color: #141412;\r
876         display: block;\r
877         font-size: 15px;\r
878         line-height: 1;\r
879         padding: 15px 20px;\r
880         text-decoration: none;\r
881 }\r
882 \r
883 .nav-menu li:hover > a,\r
884 .nav-menu li a:hover,\r
885 .nav-menu li:focus > a,\r
886 .nav-menu li a:focus {\r
887         background-color: #220e10;\r
888         color: #fff;\r
889 }\r
890 \r
891 .nav-menu .sub-menu,\r
892 .nav-menu .children {\r
893         background-color: #220e10;\r
894         border: 2px solid #f7f5e7;\r
895         border-top: 0;\r
896         padding: 0;\r
897         position: absolute;\r
898         left: -2px;\r
899         z-index: 99999;\r
900         height: 1px;\r
901         width: 1px;\r
902         overflow: hidden;\r
903         clip: rect(1px, 1px, 1px, 1px);\r
904 }\r
905 \r
906 .nav-menu .sub-menu ul,\r
907 .nav-menu .children ul {\r
908         border-left: 0;\r
909         left: 100%;\r
910         top: 0;\r
911 }\r
912 \r
913 ul.nav-menu ul a,\r
914 .nav-menu ul ul a {\r
915         color: #fff;\r
916         margin: 0;\r
917         width: 200px;\r
918 }\r
919 \r
920 ul.nav-menu ul a:hover,\r
921 .nav-menu ul ul a:hover,\r
922 ul.nav-menu ul a:focus,\r
923 .nav-menu ul ul a:focus {\r
924         background-color: #db572f;\r
925 }\r
926 \r
927 ul.nav-menu li:hover > ul,\r
928 .nav-menu ul li:hover > ul,\r
929 ul.nav-menu .focus > ul,\r
930 .nav-menu .focus > ul {\r
931         clip: inherit;\r
932         overflow: inherit;\r
933         height: inherit;\r
934         width: inherit;\r
935 }\r
936 \r
937 .nav-menu .current_page_item > a,\r
938 .nav-menu .current_page_ancestor > a,\r
939 .nav-menu .current-menu-item > a,\r
940 .nav-menu .current-menu-ancestor > a {\r
941         color: #bc360a;\r
942         font-style: italic;\r
943 }\r
944 \r
945 .menu-toggle {\r
946         display: none;\r
947 }\r
948 \r
949 /* Navbar */\r
950 .navbar {\r
951         background-color: #f7f5e7;\r
952         margin: 0 auto;\r
953         max-width: 1600px;\r
954         width: 100%;\r
955 }\r
956 \r
957 .site-header .search-form {\r
958         position: absolute;\r
959         right: 20px;\r
960         top: 1px;\r
961 }\r
962 \r
963 .site-header .search-field {\r
964         background-color: transparent;\r
965         background-image: url(images/search-icon.png);\r
966         background-position: 5px center;\r
967         background-repeat: no-repeat;\r
968         background-size: 24px 24px;\r
969         border: none;\r
970         cursor: pointer;\r
971         height: 37px;\r
972         margin: 3px 0;\r
973         padding: 0 0 0 34px;\r
974         position: relative;\r
975         -webkit-transition: width 400ms ease, background 400ms ease;\r
976         transition:         width 400ms ease, background 400ms ease;\r
977         width: 1px;\r
978 }\r
979 \r
980 .site-header .search-field:focus {\r
981         background-color: #fff;\r
982         border: 2px solid #c3c0ab;\r
983         cursor: text;\r
984         outline: 0;\r
985         width: 230px;\r
986 }\r
987 \r
988 \r
989 /**\r
990  * 5.0 Content\r
991  * ----------------------------------------------------------------------------\r
992  */\r
993 \r
994 .hentry {\r
995         padding: 40px 0;\r
996 }\r
997 \r
998 .entry-header,\r
999 .entry-content,\r
1000 .entry-summary,\r
1001 .entry-meta {\r
1002         margin: 0 auto;\r
1003         /*max-width: 604px;*/\r
1004         width: 60%;\r
1005 }\r
1006 \r
1007 .sidebar .entry-header,\r
1008 .sidebar .entry-content,\r
1009 .sidebar .entry-summary,\r
1010 .sidebar .entry-meta {\r
1011         max-width: 1040px;\r
1012         padding: 0 376px 0 60px;\r
1013 }\r
1014 \r
1015 \r
1016 /**\r
1017  * 5.1 Entry Header\r
1018  * ----------------------------------------------------------------------------\r
1019  */\r
1020 \r
1021 .sidebar .entry-header .entry-meta {\r
1022         padding: 0;\r
1023 }\r
1024 \r
1025 .entry-thumbnail img {\r
1026         display: block;\r
1027         margin: 0 auto 10px;\r
1028 }\r
1029 \r
1030 .entry-header {\r
1031         margin-bottom: 30px;\r
1032 }\r
1033 \r
1034 .entry-title {\r
1035         font-weight: normal;\r
1036         margin: 0 0 5px;\r
1037 }\r
1038 \r
1039 .entry-title a {\r
1040         color: #141412;\r
1041 }\r
1042 \r
1043 .entry-title a:hover {\r
1044         color: #ea9629;\r
1045 }\r
1046 \r
1047 \r
1048 /**\r
1049  * 5.2 Entry Meta\r
1050  * ----------------------------------------------------------------------------\r
1051  */\r
1052 \r
1053 .entry-meta {\r
1054         clear: both;\r
1055         font-size: 14px;\r
1056 }\r
1057 \r
1058 .entry-meta a {\r
1059         color: #bc360a;\r
1060 }\r
1061 \r
1062 .entry-meta a:hover {\r
1063         color: #bc360a;\r
1064 }\r
1065 \r
1066 .entry-meta > span {\r
1067         margin-right: 20px;\r
1068 }\r
1069 \r
1070 .entry-meta > span:last-child {\r
1071         margin-right: 0;\r
1072 }\r
1073 \r
1074 .featured-post:before {\r
1075         content: "\f308";\r
1076         margin-right: 2px;\r
1077 }\r
1078 \r
1079 .entry-meta .date a:before {\r
1080         content: "\f303";\r
1081 }\r
1082 \r
1083 .comments-link a:before {\r
1084         content: "\f300";\r
1085         margin-right: 2px;\r
1086         position: relative;\r
1087         top: -1px;\r
1088 }\r
1089 \r
1090 .entry-meta .author a:before {\r
1091         content: "\f304";\r
1092         position: relative;\r
1093         top: -1px;\r
1094 }\r
1095 \r
1096 .categories-links a:first-child:before {\r
1097         content: "\f301";\r
1098 }\r
1099 \r
1100 .tags-links a:first-child:before {\r
1101         content: "\f302";\r
1102         position: relative;\r
1103         top: -1px;\r
1104 }\r
1105 \r
1106 .edit-link a:before {\r
1107         content: "\f411";\r
1108         position: relative;\r
1109         top: -1px;\r
1110 }\r
1111 \r
1112 .single-author .entry-meta .author,\r
1113 .sticky.format-standard .entry-meta .date,\r
1114 .sticky.format-audio .entry-meta .date,\r
1115 .sticky.format-chat .entry-meta .date,\r
1116 .sticky.format-image .entry-meta .date,\r
1117 .sticky.format-gallery .entry-meta .date {\r
1118         display: none;\r
1119 }\r
1120 \r
1121 \r
1122 /**\r
1123  * 5.3 Entry Content\r
1124  * ----------------------------------------------------------------------------\r
1125  */\r
1126 \r
1127 .entry-content {\r
1128         -webkit-hyphens: auto;\r
1129         -moz-hyphens:    auto;\r
1130         -ms-hyphens:     auto;\r
1131         hyphens:         auto;\r
1132         word-wrap: break-word;\r
1133 }\r
1134 \r
1135 .entry-content a,\r
1136 .comment-content a {\r
1137         color: #bc360a;\r
1138 }\r
1139 \r
1140 .entry-content a:hover,\r
1141 .comment-content a:hover {\r
1142         color: #ea9629;\r
1143 }\r
1144 \r
1145 .entry-content .more-link {\r
1146         white-space: nowrap;\r
1147 }\r
1148 \r
1149 .entry-content blockquote {\r
1150         font-size: 24px;\r
1151 }\r
1152 \r
1153 .entry-content blockquote cite,\r
1154 .entry-content blockquote small {\r
1155         font-size: 16px;\r
1156 }\r
1157 \r
1158 .entry-content img.alignleft,\r
1159 .entry-content .wp-caption.alignleft {\r
1160         margin-left: -60px;\r
1161 }\r
1162 \r
1163 .entry-content img.alignright,\r
1164 .entry-content .wp-caption.alignright {\r
1165         margin-right: -60px;\r
1166 }\r
1167 \r
1168 footer.entry-meta {\r
1169         margin-top: 24px;\r
1170 }\r
1171 \r
1172 .format-standard footer.entry-meta {\r
1173         margin-top: 0;\r
1174 }\r
1175 \r
1176 /* Page links */\r
1177 .page-links {\r
1178         clear: both;\r
1179         font-size: 16px;\r
1180         font-style: italic;\r
1181         font-weight: normal;\r
1182         line-height: 2.2;\r
1183         margin: 20px 0;\r
1184         text-transform: uppercase;\r
1185 }\r
1186 \r
1187 .page-links a,\r
1188 .page-links > span {\r
1189         background: #fff;\r
1190         border: 1px solid #fff;\r
1191         padding: 5px 10px;\r
1192         text-decoration: none;\r
1193 }\r
1194 \r
1195 .format-status .entry-content .page-links a,\r
1196 .format-gallery .entry-content .page-links a,\r
1197 .format-chat .entry-content .page-links a,\r
1198 .format-quote .entry-content .page-links a,\r
1199 .page-links a {\r
1200         background: #e63f2a;\r
1201         border: 1px solid #e63f2a;\r
1202         color: #fff;\r
1203 }\r
1204 \r
1205 .format-gallery .entry-content .page-links a:hover,\r
1206 .format-audio .entry-content .page-links a:hover,\r
1207 .format-status .entry-content .page-links a:hover,\r
1208 .format-video .entry-content .page-links a:hover,\r
1209 .format-chat .entry-content .page-links a:hover,\r
1210 .format-quote .entry-content .page-links a:hover,\r
1211 .page-links a:hover {\r
1212         background: #fff;\r
1213         color: #e63f2a;\r
1214 }\r
1215 \r
1216 .format-status .entry-content .page-links > span,\r
1217 .format-quote .entry-content .page-links > span {\r
1218         background: none;\r
1219 }\r
1220 \r
1221 .page-links .page-links-title {\r
1222         background: transparent;\r
1223         border: none;\r
1224         margin-right: 20px;\r
1225         padding: 0;\r
1226 }\r
1227 \r
1228 /* Mediaelements */\r
1229 .hentry .mejs-mediaelement,\r
1230 .hentry .mejs-container .mejs-controls {\r
1231         background: #220e10;\r
1232 }\r
1233 \r
1234 .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,\r
1235 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {\r
1236         background: #fff;\r
1237 }\r
1238 \r
1239 .hentry .mejs-controls .mejs-time-rail .mejs-time-current {\r
1240         background: #ea9629;\r
1241 }\r
1242 \r
1243 .hentry .mejs-controls .mejs-time-rail .mejs-time-total,\r
1244 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {\r
1245         background: #595959;\r
1246 }\r
1247 \r
1248 .hentry .mejs-controls .mejs-time-rail span,\r
1249 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,\r
1250 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {\r
1251         border-radius: 0;\r
1252 }\r
1253 \r
1254 \r
1255 /**\r
1256  * 5.4 Galleries\r
1257  * ----------------------------------------------------------------------------\r
1258  */\r
1259 \r
1260 .gallery {\r
1261         margin-bottom: 20px;\r
1262         margin-left: -4px;\r
1263 }\r
1264 \r
1265 .gallery-item {\r
1266         float: left;\r
1267         margin: 0 4px 4px 0;\r
1268         overflow: hidden;\r
1269         position: relative;\r
1270 }\r
1271 \r
1272 .gallery-columns-1.gallery-size-medium,\r
1273 .gallery-columns-1.gallery-size-thumbnail,\r
1274 .gallery-columns-2.gallery-size-thumbnail,\r
1275 .gallery-columns-3.gallery-size-thumbnail {\r
1276         display: table;\r
1277         margin: 0 auto 20px;\r
1278 }\r
1279 \r
1280 .gallery-columns-1 .gallery-item,\r
1281 .gallery-columns-2 .gallery-item,\r
1282 .gallery-columns-3 .gallery-item {\r
1283         text-align: center;\r
1284 }\r
1285 \r
1286 .gallery-columns-4 .gallery-item {\r
1287         max-width: 23%;\r
1288         max-width: -webkit-calc(25% - 4px);\r
1289         max-width:         calc(25% - 4px);\r
1290 }\r
1291 \r
1292 .gallery-columns-5 .gallery-item {\r
1293         max-width: 19%;\r
1294         max-width: -webkit-calc(20% - 4px);\r
1295         max-width:         calc(20% - 4px);\r
1296 }\r
1297 \r
1298 .gallery-columns-6 .gallery-item {\r
1299         max-width: 15%;\r
1300         max-width: -webkit-calc(16.7% - 4px);\r
1301         max-width:         calc(16.7% - 4px);\r
1302 }\r
1303 \r
1304 .gallery-columns-7 .gallery-item {\r
1305         max-width: 13%;\r
1306         max-width: -webkit-calc(14.28% - 4px);\r
1307         max-width:         calc(14.28% - 4px);\r
1308 }\r
1309 \r
1310 .gallery-columns-8 .gallery-item {\r
1311         max-width: 11%;\r
1312         max-width: -webkit-calc(12.5% - 4px);\r
1313         max-width:         calc(12.5% - 4px);\r
1314 }\r
1315 \r
1316 .gallery-columns-9 .gallery-item {\r
1317         max-width: 9%;\r
1318         max-width: -webkit-calc(11.1% - 4px);\r
1319         max-width:         calc(11.1% - 4px);\r
1320 }\r
1321 \r
1322 .gallery-columns-1 .gallery-item:nth-of-type(1n),\r
1323 .gallery-columns-2 .gallery-item:nth-of-type(2n),\r
1324 .gallery-columns-3 .gallery-item:nth-of-type(3n),\r
1325 .gallery-columns-4 .gallery-item:nth-of-type(4n),\r
1326 .gallery-columns-5 .gallery-item:nth-of-type(5n),\r
1327 .gallery-columns-6 .gallery-item:nth-of-type(6n),\r
1328 .gallery-columns-7 .gallery-item:nth-of-type(7n),\r
1329 .gallery-columns-8 .gallery-item:nth-of-type(8n),\r
1330 .gallery-columns-9 .gallery-item:nth-of-type(9n) {\r
1331         margin-right: 0;\r
1332 }\r
1333 \r
1334 .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),\r
1335 .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),\r
1336 .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),\r
1337 .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {\r
1338         clear: left;\r
1339 }\r
1340 \r
1341 .gallery-caption {\r
1342         background-color: rgba(0, 0, 0, 0.7);\r
1343         box-sizing: border-box;\r
1344         color: #fff;\r
1345         font-size: 14px;\r
1346         line-height: 1.3;\r
1347         margin: 0;\r
1348         max-height: 50%;\r
1349         opacity: 0;\r
1350         padding: 2px 8px;\r
1351         position: absolute;\r
1352         bottom: 0;\r
1353         left: 0;\r
1354         text-align: left;\r
1355         -webkit-transition: opacity 400ms ease;\r
1356         transition:         opacity 400ms ease;\r
1357         width: 100%;\r
1358 }\r
1359 \r
1360 .gallery-caption:before {\r
1361         box-shadow: 0 -10px 15px #000 inset;\r
1362         content: "";\r
1363         height: 100%;\r
1364         min-height: 49px;\r
1365         position: absolute;\r
1366         left: 0;\r
1367         top: 0;\r
1368         width: 100%;\r
1369 }\r
1370 \r
1371 .gallery-item:hover .gallery-caption {\r
1372         opacity: 1;\r
1373 }\r
1374 \r
1375 .gallery-columns-7 .gallery-caption,\r
1376 .gallery-columns-8 .gallery-caption,\r
1377 .gallery-columns-9 .gallery-caption {\r
1378         display: none;\r
1379 }\r
1380 \r
1381 \r
1382 /**\r
1383  * 5.5 Post Formats\r
1384  * ----------------------------------------------------------------------------\r
1385  */\r
1386 \r
1387 /* Aside */\r
1388 .format-aside {\r
1389         background-color: #f7f5e7;\r
1390 }\r
1391 \r
1392 .blog .format-aside:first-of-type,\r
1393 .single .format-aside:first-of-type,\r
1394 .format-aside + .format-aside,\r
1395 .format-aside + .format-link,\r
1396 .format-link + .format-aside {\r
1397         box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);\r
1398 }\r
1399 \r
1400 .format-aside .entry-meta {\r
1401         margin-top: 0;\r
1402 }\r
1403 \r
1404 .format-aside blockquote {\r
1405         font-size: 100%;\r
1406         font-weight: normal;\r
1407 }\r
1408 \r
1409 .format-aside cite {\r
1410         font-size: 100%;\r
1411         text-transform: none;\r
1412 }\r
1413 \r
1414 .format-aside cite:before {\r
1415         content: "\2014";\r
1416         margin-right: 5px;\r
1417 }\r
1418 \r
1419 /* Audio */\r
1420 .format-audio {\r
1421         background-color: #db572f;\r
1422 }\r
1423 \r
1424 .format-audio .entry-title {\r
1425         font-size: 28px;\r
1426         font-weight: bold;\r
1427 }\r
1428 \r
1429 .format-audio .entry-content:before {\r
1430         content: "\f109";\r
1431         float: left;\r
1432         font-size: 64px;\r
1433         position: relative;\r
1434         top: 4px;\r
1435 }\r
1436 \r
1437 .format-audio .entry-content a,\r
1438 .format-audio .entry-meta a,\r
1439 .format-audio .entry-content a:hover,\r
1440 .format-audio .entry-meta a:hover {\r
1441         color: #fbfaf3;\r
1442 }\r
1443 \r
1444 .format-audio .audio-content {\r
1445         background: url(images/dotted-line.png) repeat-y left top;\r
1446         background-size: 4px 4px;\r
1447         float: right;\r
1448         padding-left: 35px;\r
1449         width: 80%;\r
1450         width: -webkit-calc(100% - 85px);\r
1451         width:         calc(100% - 85px);\r
1452 }\r
1453 \r
1454 .format-audio .wp-audio-shortcode {\r
1455         height: 30px !important; /* Override mediaelement.js style */\r
1456         margin: 20px 0;\r
1457         max-width: 400px !important; /* Override mediaelement.js style */\r
1458 }\r
1459 \r
1460 .format-audio audio {\r
1461         max-width: 100% !important; /* Avoid player width overflow. */\r
1462 }\r
1463 \r
1464 /* Chat */\r
1465 .format-chat {\r
1466         background-color: #eadaa6;\r
1467 }\r
1468 \r
1469 .format-chat .entry-title {\r
1470         font-size: 28px;\r
1471         font-weight: bold;\r
1472 }\r
1473 \r
1474 .format-chat .entry-meta a,\r
1475 .format-chat .entry-content a {\r
1476         color: #722d19;\r
1477 }\r
1478 \r
1479 .format-chat .entry-meta .date a:before {\r
1480         content: "\f108";\r
1481         margin-right: 2px;\r
1482 }\r
1483 \r
1484 .format-chat .entry-meta .author {\r
1485         display: none;\r
1486 }\r
1487 \r
1488 .format-chat .chat {\r
1489         margin: 0;\r
1490 }\r
1491 \r
1492 .format-chat .chat .chat-timestamp {\r
1493         color: #722d19;\r
1494         float: right;\r
1495         font-size: 12px;\r
1496         font-weight: normal;\r
1497         margin: 5px 10px 0;\r
1498 }\r
1499 \r
1500 .format-chat .chat .fn {\r
1501         font-style: normal;\r
1502 }\r
1503 \r
1504 /* Gallery */\r
1505 .format-gallery {\r
1506         background-color: #fbca3c;\r
1507 }\r
1508 \r
1509 .format-gallery .entry-header {\r
1510         margin-bottom: 15px;\r
1511 }\r
1512 \r
1513 .format-gallery .entry-title {\r
1514         font-size: 50px;\r
1515         font-weight: 400;\r
1516         margin: 0;\r
1517 }\r
1518 \r
1519 .format-gallery .entry-meta a,\r
1520 .format-gallery .entry-content a {\r
1521         color: #722d19;\r
1522 }\r
1523 \r
1524 /* Image */\r
1525 .format-image .entry-title {\r
1526         font-size: 28px;\r
1527         font-weight: bold;\r
1528 }\r
1529 \r
1530 .format-image .categories-links,\r
1531 .format-image .tags-links {\r
1532         display: none;\r
1533 }\r
1534 \r
1535 /* Link */\r
1536 .format-link {\r
1537         background-color: #f7f5e7;\r
1538 }\r
1539 \r
1540 .blog .format-link:first-of-type,\r
1541 .single .format-link:first-of-type {\r
1542         box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);\r
1543 }\r
1544 \r
1545 .format-link .entry-header,\r
1546 .format-link .entry-content p:last-child {\r
1547         margin-bottom: 0;\r
1548 }\r
1549 \r
1550 .format-link .entry-title {\r
1551         color: #ca3c08;\r
1552         display: inline;\r
1553         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;\r
1554         margin-right: 20px;\r
1555 }\r
1556 \r
1557 .format-link .entry-title a {\r
1558         color: #bc360a;\r
1559 }\r
1560 \r
1561 .format-link div.entry-meta {\r
1562         display: inline;\r
1563 }\r
1564 \r
1565 /* Standard */\r
1566 .format-standard .wp-video,\r
1567 .format-standard .wp-audio-shortcode,\r
1568 .format-audio .wp-audio-shortcode,\r
1569 .format-standard .video-player {\r
1570         margin-bottom: 24px;\r
1571 }\r
1572 \r
1573 /* Quote */\r
1574 .format-quote {\r
1575         background-color: #210d10;\r
1576 }\r
1577 \r
1578 .format-quote .entry-content,\r
1579 .format-quote .entry-meta {\r
1580         color: #f7f5e7;\r
1581 }\r
1582 \r
1583 .format-quote .entry-content blockquote {\r
1584         font-size: 28px;\r
1585         margin: 0;\r
1586 }\r
1587 \r
1588 .format-quote .entry-content a,\r
1589 .format-quote .entry-meta a,\r
1590 .format-quote .linked {\r
1591         color: #e63f2a;\r
1592 }\r
1593 \r
1594 .format-quote .entry-content cite a {\r
1595         border-bottom: 1px dotted #fff;\r
1596         color: #fff;\r
1597 }\r
1598 \r
1599 .format-quote .entry-content cite a:hover {\r
1600         text-decoration: none;\r
1601 }\r
1602 \r
1603 .format-quote blockquote small,\r
1604 .format-quote blockquote cite {\r
1605         display: block;\r
1606         font-size: 16px;\r
1607 }\r
1608 \r
1609 .format-quote blockquote {\r
1610         font-style: italic;\r
1611         font-weight: 300;\r
1612         padding-left: 75px;\r
1613         position: relative;\r
1614 }\r
1615 \r
1616 .format-quote blockquote:before {\r
1617         content: '\201C';\r
1618         font-size: 140px;\r
1619         font-weight: 400;\r
1620         line-height: .8;\r
1621         padding-right: 25px;\r
1622         position: absolute;\r
1623         left: -15px;\r
1624         top: -3px;\r
1625 }\r
1626 \r
1627 .format-quote .entry-meta .author {\r
1628         display: none;\r
1629 }\r
1630 \r
1631 /* Status */\r
1632 .format-status {\r
1633         background-color: #722d19;\r
1634         padding: 0;\r
1635 }\r
1636 \r
1637 .format-status .entry-content,\r
1638 .format-status .entry-meta {\r
1639         padding-left: 35px;\r
1640         position: relative;\r
1641 }\r
1642 \r
1643 .format-status .entry-content a {\r
1644         color: #eadaa6;\r
1645 }\r
1646 \r
1647 .format-status .entry-meta a {\r
1648         color: #f7f5e7;\r
1649 }\r
1650 \r
1651 .sidebar .format-status .entry-content,\r
1652 .sidebar .format-status .entry-meta {\r
1653         padding-left: 95px;\r
1654 }\r
1655 \r
1656 .format-status .entry-content:before,\r
1657 .format-status .entry-meta:before {\r
1658         background: url(images/dotted-line.png) repeat-y left bottom;\r
1659         background-size: 4px 4px;\r
1660         content: "";\r
1661         display: block;\r
1662         height: 100%;\r
1663         position: absolute;\r
1664         left: 10px;\r
1665         top: 0;\r
1666         width: 1px;\r
1667 }\r
1668 \r
1669 .sidebar .format-status .entry-content:before,\r
1670 .sidebar .format-status .entry-meta:before {\r
1671         left: 70px;\r
1672 }\r
1673 \r
1674 .format-status .categories-links,\r
1675 .format-status .tags-links {\r
1676         display: none;\r
1677 }\r
1678 \r
1679 /* Ensures the dots in the dot background are in lockstep. */\r
1680 .format-status .entry-meta:before {\r
1681         background-position: left top;\r
1682 }\r
1683 \r
1684 .format-status .entry-content {\r
1685         color: #f7f5e7;\r
1686         font-size: 24px;\r
1687         font-style: italic;\r
1688         font-weight: 300;\r
1689         padding-bottom: 30px;\r
1690         padding-top: 40px;\r
1691         position: relative;\r
1692 }\r
1693 \r
1694 .format-status .entry-content p:first-child:before {\r
1695         background-color: rgba(0, 0, 0, 0.65);\r
1696         content: "";\r
1697         height: 3px;\r
1698         margin-top: 13px;\r
1699         position: absolute;\r
1700         left: 4px;\r
1701         width: 13px;\r
1702 }\r
1703 \r
1704 .sidebar .format-status .entry-content > p:first-child:before {\r
1705         left: 64px;\r
1706 }\r
1707 \r
1708 .format-status .entry-content p:last-child {\r
1709         margin-bottom: 0;\r
1710 }\r
1711 \r
1712 .format-status .entry-meta {\r
1713         margin-top: 0;\r
1714         padding-bottom: 40px;\r
1715 }\r
1716 \r
1717 .format-status .entry-meta .date a:before {\r
1718         content: "\f105";\r
1719 }\r
1720 \r
1721 /* Video */\r
1722 .format-video {\r
1723         background-color: #db572f;\r
1724 }\r
1725 \r
1726 .format-video .entry-content a,\r
1727 .format-video .entry-meta a,\r
1728 .format-video .entry-content a:hover,\r
1729 .format-video .entry-meta a:hover {\r
1730         color: #fbfaf3;\r
1731 }\r
1732 \r
1733 .format-video .entry-title {\r
1734         font-size: 50px;\r
1735         font-weight: 400;\r
1736 }\r
1737 \r
1738 .format-video .entry-meta {\r
1739         color: #220e10;\r
1740 }\r
1741 \r
1742 \r
1743 /**\r
1744  * 5.6 Attachments\r
1745  * ----------------------------------------------------------------------------\r
1746  */\r
1747 \r
1748 .attachment .hentry {\r
1749         background-color: #e8e5ce;\r
1750         margin: 0;\r
1751         padding: 0;\r
1752 }\r
1753 \r
1754 .attachment .entry-header {\r
1755         margin-bottom: 0;\r
1756         max-width: 1040px;\r
1757         padding: 30px 0;\r
1758 }\r
1759 \r
1760 .attachment .entry-title {\r
1761         display: inline-block;\r
1762         float: left;\r
1763         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;\r
1764         margin: 0;\r
1765 }\r
1766 \r
1767 .attachment .entry-title:before {\r
1768         content: "\f416";\r
1769         font-size: 32px;\r
1770         margin-right: 10px;\r
1771 }\r
1772 \r
1773 .attachment .entry-meta {\r
1774         clear: none;\r
1775         color: inherit;\r
1776         float: right;\r
1777         max-width: 604px;\r
1778         padding: 9px 0 0;\r
1779         text-align: right;\r
1780 }\r
1781 \r
1782 .hentry.attachment:not(.image-attachment) .entry-meta {\r
1783         max-width: 104px;\r
1784 }\r
1785 \r
1786 .attachment footer.entry-meta {\r
1787         display: none;\r
1788 }\r
1789 \r
1790 .attachment-meta:before {\r
1791         content: "\f307";\r
1792 }\r
1793 \r
1794 .full-size-link a:before {\r
1795         content: "\f402";\r
1796 }\r
1797 \r
1798 .full-size-link:before {\r
1799         content: none;\r
1800 }\r
1801 \r
1802 .attachment .entry-meta a,\r
1803 .attachment .entry-meta .edit-link:before,\r
1804 .attachment .full-size-link:before {\r
1805         color: #ca3c08;\r
1806 }\r
1807 \r
1808 .attachment .entry-content {\r
1809         background-color: #fff;\r
1810         max-width: 100%;\r
1811         padding: 40px 0;\r
1812 }\r
1813 \r
1814 .image-navigation {\r
1815         margin: 0 auto;\r
1816         max-width: 1040px;\r
1817         position: relative;\r
1818 }\r
1819 \r
1820 .image-navigation a:hover {\r
1821         text-decoration: none;\r
1822 }\r
1823 \r
1824 .image-navigation .nav-previous,\r
1825 .image-navigation .nav-next {\r
1826         position: absolute;\r
1827         top: 50px;\r
1828 }\r
1829 \r
1830 .image-navigation .nav-previous {\r
1831         left: 0;\r
1832 }\r
1833 \r
1834 .image-navigation .nav-next {\r
1835         right: 0;\r
1836 }\r
1837 \r
1838 .image-navigation .meta-nav {\r
1839         font-size: 32px;\r
1840         font-weight: 300;\r
1841         vertical-align: -4px;\r
1842 }\r
1843 \r
1844 .attachment .entry-attachment,\r
1845 .attachment .type-attachment p {\r
1846         margin: 0 auto;\r
1847         max-width: 724px;\r
1848         text-align: center;\r
1849 }\r
1850 \r
1851 .attachment .entry-attachment .attachment {\r
1852         display: inline-block;\r
1853 }\r
1854 \r
1855 .attachment .entry-caption {\r
1856         text-align: left;\r
1857 }\r
1858 \r
1859 .attachment .entry-description {\r
1860         margin: 20px auto 0;\r
1861         max-width: 604px;\r
1862 }\r
1863 \r
1864 .attachment .entry-caption p:last-child,\r
1865 .attachment .entry-description p:last-child {\r
1866         margin: 0;\r
1867 }\r
1868 \r
1869 .attachment .site-main .sidebar-container {\r
1870         display: none;\r
1871 }\r
1872 \r
1873 .attachment .entry-content .mejs-audio {\r
1874         max-width: 400px;\r
1875         margin: 0 auto;\r
1876 }\r
1877 \r
1878 .attachment .entry-content .wp-video {\r
1879         margin: 0 auto;\r
1880 }\r
1881 \r
1882 .attachment .entry-content .mejs-container {\r
1883         margin-bottom: 24px;\r
1884 }\r
1885 \r
1886 /**\r
1887  * 5.7 Post/Paging Navigation\r
1888  * ----------------------------------------------------------------------------\r
1889  */\r
1890 \r
1891 .navigation .nav-previous {\r
1892         float: left;\r
1893 }\r
1894 \r
1895 .navigation .nav-next {\r
1896         float: right;\r
1897 }\r
1898 \r
1899 .navigation a {\r
1900         color: #bc360a;\r
1901 }\r
1902 \r
1903 .navigation a:hover {\r
1904         color: #ea9629;\r
1905         text-decoration: none;\r
1906 }\r
1907 \r
1908 .paging-navigation {\r
1909         background-color: #e8e5ce;\r
1910         padding: 40px 0;\r
1911 }\r
1912 \r
1913 .paging-navigation .nav-links {\r
1914         margin: 0 auto;\r
1915         max-width: 604px;\r
1916         width: 100%;\r
1917 }\r
1918 \r
1919 .sidebar .paging-navigation .nav-links {\r
1920         max-width: 1040px;\r
1921         padding: 0 376px 0 60px;\r
1922 }\r
1923 \r
1924 .paging-navigation .nav-next {\r
1925         padding: 13px 0;\r
1926 }\r
1927 \r
1928 .paging-navigation a {\r
1929         font-size: 22px;\r
1930         font-style: italic;\r
1931         font-weight: 300;\r
1932 }\r
1933 \r
1934 .paging-navigation .meta-nav {\r
1935         background-color: #e63f2a;\r
1936         border-radius: 50%;\r
1937         color: #fff;\r
1938         display: inline-block;\r
1939         font-size: 26px;\r
1940         padding: 3px 0 8px;\r
1941         text-align: center;\r
1942         width: 50px;\r
1943 }\r
1944 \r
1945 .paging-navigation .nav-previous .meta-nav {\r
1946         margin-right: 10px;\r
1947         padding: 17px 0 23px;\r
1948         width: 80px;\r
1949 }\r
1950 \r
1951 .paging-navigation .nav-next .meta-nav {\r
1952         margin-left: 10px;\r
1953 }\r
1954 \r
1955 .paging-navigation a:hover .meta-nav {\r
1956         background-color: #ea9629;\r
1957         text-decoration: none;\r
1958 }\r
1959 \r
1960 .post-navigation {\r
1961         background-color: #fff;\r
1962         color: #ca3c08;\r
1963         font-size: 20px;\r
1964         font-style: italic;\r
1965         font-weight: 300;\r
1966         padding: 20px 0;\r
1967 }\r
1968 \r
1969 .post-navigation .nav-links {\r
1970         margin: 0 auto;\r
1971         max-width: 1040px;\r
1972 }\r
1973 \r
1974 .sidebar .post-navigation .nav-links {\r
1975         padding: 0 376px 0 60px;\r
1976 }\r
1977 \r
1978 .post-navigation a[rel="next"] {\r
1979         float: right;\r
1980         text-align: right;\r
1981 }\r
1982 \r
1983 \r
1984 /**\r
1985  * 5.8 Author Bio\r
1986  * ----------------------------------------------------------------------------\r
1987  */\r
1988 \r
1989 .author-info {\r
1990         margin: 0 auto;\r
1991         max-width: 604px;\r
1992         padding: 30px 0 10px;\r
1993         text-align: left; /* gallery & video post formats */\r
1994         width: 100%;\r
1995 }\r
1996 \r
1997 .author.sidebar .author-info {\r
1998         max-width: 1040px;\r
1999         padding: 30px 376px 10px 60px;\r
2000 }\r
2001 \r
2002 .single .author-info {\r
2003         padding: 50px 0 0;\r
2004 }\r
2005 \r
2006 .author-avatar .avatar {\r
2007         float: left;\r
2008         margin: 0 30px 30px 0;\r
2009 }\r
2010 \r
2011 .single-format-status .author-description {\r
2012         color: #f7f5e7;\r
2013 }\r
2014 \r
2015 .author-description .author-title {\r
2016         clear: none;\r
2017         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;\r
2018         margin: 0 0 8px;\r
2019 }\r
2020 \r
2021 .author-link {\r
2022         color: #ca3c08;\r
2023         margin-left: 2px;\r
2024 }\r
2025 \r
2026 .author.archive .author-link {\r
2027         display: none;\r
2028 }\r
2029 \r
2030 \r
2031 /**\r
2032  * 5.9 Archives\r
2033  * ----------------------------------------------------------------------------\r
2034  */\r
2035 \r
2036 .archive-header {\r
2037         background-color: #e8e5ce;\r
2038 }\r
2039 \r
2040 .archive-title,\r
2041 .archive-meta {\r
2042         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;\r
2043         margin: 0 auto;\r
2044         max-width: 1040px;\r
2045         padding: 30px 0;\r
2046         width: 100%;\r
2047 }\r
2048 \r
2049 .archive-meta {\r
2050         font-size: 16px;\r
2051         font-style: normal;\r
2052         font-weight: normal;\r
2053         margin-top: -15px;\r
2054         padding: 0 0 11px;\r
2055 }\r
2056 \r
2057 .sidebar .archive-meta {\r
2058         padding-right: 316px;\r
2059 }\r
2060 \r
2061 \r
2062 /**\r
2063  * 5.10 Search Results/No posts\r
2064  * ----------------------------------------------------------------------------\r
2065  */\r
2066 \r
2067 .page-header {\r
2068         background-color: #e8e5ce;\r
2069 }\r
2070 \r
2071 .page-title {\r
2072         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;\r
2073         margin: 0 auto;\r
2074         max-width: 1040px;\r
2075         padding: 30px 0;\r
2076         width: 100%;\r
2077 }\r
2078 \r
2079 .page-content {\r
2080         margin: 0 auto;\r
2081         max-width: 604px;\r
2082         padding: 40px 0;\r
2083         width: 100%;\r
2084 }\r
2085 \r
2086 .sidebar .page-content {\r
2087         margin: 0 auto;\r
2088         max-width: 1040px;\r
2089         padding: 40px 376px 40px 60px;\r
2090 }\r
2091 \r
2092 \r
2093 /**\r
2094  * 5.11 404\r
2095  * ----------------------------------------------------------------------------\r
2096  */\r
2097 \r
2098 .error404 .page-header {\r
2099         background-color: #fff;\r
2100 }\r
2101 \r
2102 .error404 .page-title {\r
2103         line-height: 0.6;\r
2104         margin: 0;\r
2105         padding: 300px;\r
2106         position: relative;\r
2107         text-align: center;\r
2108         width: auto;\r
2109 }\r
2110 \r
2111 .error404 .page-title:before {\r
2112         color: #e8e5ce;\r
2113         content: "\f423";\r
2114         font-size: 964px;\r
2115         line-height: 0.6;\r
2116         overflow: hidden;\r
2117         position: absolute;\r
2118         left: 7px;\r
2119         top: 28px;\r
2120 }\r
2121 \r
2122 .error404 .page-wrapper {\r
2123         background-color: #e8e5ce;\r
2124 }\r
2125 \r
2126 .error404 .page-header,\r
2127 .error404 .page-content {\r
2128         margin: 0 auto;\r
2129         max-width: 1040px;\r
2130         padding-bottom: 40px;\r
2131         width: 100%;\r
2132 }\r
2133 \r
2134 \r
2135 /**\r
2136  * 5.12 Comments\r
2137  * ----------------------------------------------------------------------------\r
2138  */\r
2139 \r
2140 .comments-title,\r
2141 .comment-list,\r
2142 .comment-reply-title,\r
2143 .must-log-in,\r
2144 .comment-respond .comment-form,\r
2145 .comment-respond iframe {\r
2146         display: block;\r
2147         margin-left: auto;\r
2148         margin-right: auto;\r
2149         max-width: 604px;\r
2150         width: 100%;\r
2151 }\r
2152 \r
2153 .sidebar .comments-title,\r
2154 .sidebar .comment-list,\r
2155 .sidebar .must-log-in,\r
2156 .sidebar .comment-reply-title,\r
2157 .sidebar .comment-navigation,\r
2158 .sidebar .comment-respond .comment-form {\r
2159         max-width: 1040px;\r
2160         padding-left: 60px;\r
2161         padding-right: 376px;\r
2162 }\r
2163 \r
2164 .comments-title {\r
2165         font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;\r
2166 }\r
2167 \r
2168 .comment-list,\r
2169 .comment-list .children {\r
2170         list-style-type: none;\r
2171         padding: 0;\r
2172 }\r
2173 \r
2174 .comment-list .children {\r
2175         margin-left: 20px;\r
2176 }\r
2177 \r
2178 .comment-list > li:after,\r
2179 .comment-list .children > li:before {\r
2180         background: url(images/dotted-line.png) repeat left top;\r
2181         background-size: 4px 4px;\r
2182         content: "";\r
2183         display: block;\r
2184         height: 1px;\r
2185         width: 100%;\r
2186 }\r
2187 \r
2188 .comment-list > li:last-child:after {\r
2189         display: none;\r
2190 }\r
2191 \r
2192 .comment-body {\r
2193         padding: 24px 0;\r
2194         position: relative;\r
2195 }\r
2196 \r
2197 .comment-author {\r
2198         float: left;\r
2199         max-width: 74px;\r
2200 }\r
2201 \r
2202 .comment-author .avatar {\r
2203         display: block;\r
2204         margin-bottom: 10px;\r
2205 }\r
2206 \r
2207 .comment-author .fn {\r
2208         word-wrap: break-word;\r
2209 }\r
2210 \r
2211 .comment-author .fn,\r
2212 .comment-author .url,\r
2213 .comment-reply-link,\r
2214 .comment-reply-login {\r
2215         color: #bc360a;\r
2216         font-size: 14px;\r
2217         font-style: normal;\r
2218         font-weight: normal;\r
2219 }\r
2220 \r
2221 .says {\r
2222         display: none;\r
2223 }\r
2224 \r
2225 .no-avatars .comment-author {\r
2226         margin: 0 0 5px;\r
2227         max-width: 100%;\r
2228         position: relative;\r
2229 }\r
2230 \r
2231 .no-avatars .comment-metadata,\r
2232 .no-avatars .comment-content,\r
2233 .no-avatars .comment-list .reply {\r
2234         width: 100%;\r
2235 }\r
2236 \r
2237 .bypostauthor > .comment-body .fn:before {\r
2238         content: "\f408";\r
2239         vertical-align: text-top;\r
2240 }\r
2241 \r
2242 .comment-list .edit-link {\r
2243         margin-left: 20px;\r
2244 }\r
2245 \r
2246 .comment-metadata,\r
2247 .comment-awaiting-moderation,\r
2248 .comment-content,\r
2249 .comment-list .reply {\r
2250         float: right;\r
2251         width: 79%;\r
2252         width: -webkit-calc(100% - 124px);\r
2253         width:         calc(100% - 124px);\r
2254         word-wrap: break-word;\r
2255 }\r
2256 \r
2257 .comment-meta,\r
2258 .comment-meta a {\r
2259         color: #a2a2a2;\r
2260         font-size: 13px;\r
2261 }\r
2262 \r
2263 .comment-meta a:hover {\r
2264         color: #ea9629;\r
2265 }\r
2266 \r
2267 .comment-metadata {\r
2268         margin-bottom: 20px;\r
2269 }\r
2270 \r
2271 .ping-meta {\r
2272         color: #a2a2a2;\r
2273         font-size: 13px;\r
2274         line-height: 2;\r
2275 }\r
2276 \r
2277 .comment-awaiting-moderation {\r
2278         color: #a2a2a2;\r
2279 }\r
2280 \r
2281 .comment-awaiting-moderation:before {\r
2282         content: "\f414";\r
2283         margin-right: 5px;\r
2284         position: relative;\r
2285         top: -2px;\r
2286 }\r
2287 \r
2288 .comment-reply-link:before,\r
2289 .comment-reply-login:before {\r
2290         content: "\f412";\r
2291         margin-right: 3px;\r
2292 }\r
2293 \r
2294 /* Comment form */\r
2295 .comment-respond {\r
2296         background-color: #f7f5e7;\r
2297         padding: 30px 0;\r
2298 }\r
2299 \r
2300 .comment .comment-respond {\r
2301         margin-bottom: 20px;\r
2302         padding: 20px;\r
2303 }\r
2304 \r
2305 .comment-reply-title {\r
2306         font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;\r
2307 }\r
2308 \r
2309 .comment-reply-title small a {\r
2310         color: #131310;\r
2311         display: inline-block;\r
2312         float: right;\r
2313         height: 16px;\r
2314         overflow: hidden;\r
2315         width: 16px;\r
2316 }\r
2317 \r
2318 .comment-reply-title small a:hover {\r
2319         color: #ed331c;\r
2320         text-decoration: none;\r
2321 }\r
2322 \r
2323 .comment-reply-title small a:before {\r
2324         content: "\f406";\r
2325         vertical-align: top;\r
2326 }\r
2327 \r
2328 .sidebar .comment-list .comment-reply-title,\r
2329 .sidebar .comment-list .comment-respond .comment-form {\r
2330         padding: 0;\r
2331 }\r
2332 \r
2333 .comment-form .comment-notes {\r
2334         margin-bottom: 15px;\r
2335 }\r
2336 \r
2337 .comment-form .comment-form-author,\r
2338 .comment-form .comment-form-email,\r
2339 .comment-form .comment-form-url {\r
2340         margin-bottom: 8px;\r
2341 }\r
2342 \r
2343 .comment-form [for="author"],\r
2344 .comment-form [for="email"],\r
2345 .comment-form [for="url"],\r
2346 .comment-form [for="comment"] {\r
2347         float: left;\r
2348         padding: 5px 0;\r
2349         width: 120px;\r
2350 }\r
2351 \r
2352 .comment-form .required {\r
2353         color: #ed331c;\r
2354 }\r
2355 \r
2356 .comment-form input[type="text"],\r
2357 .comment-form input[type="email"],\r
2358 .comment-form input[type="url"] {\r
2359         max-width: 270px;\r
2360         width: 60%;\r
2361 }\r
2362 \r
2363 .comment-form textarea {\r
2364         width: 100%;\r
2365 }\r
2366 \r
2367 .form-allowed-tags,\r
2368 .form-allowed-tags code {\r
2369         color: #686758;\r
2370         font-size: 12px;\r
2371 }\r
2372 \r
2373 .form-allowed-tags code {\r
2374         font-size: 10px;\r
2375         margin-left: 3px;\r
2376 }\r
2377 \r
2378 .comment-list .pingback,\r
2379 .comment-list .trackback {\r
2380         padding-top: 24px;\r
2381 }\r
2382 \r
2383 .comment-navigation {\r
2384         font-size: 20px;\r
2385         font-style: italic;\r
2386         font-weight: 300;\r
2387         margin: 0 auto;\r
2388         max-width: 604px;\r
2389         padding: 20px 0 30px;\r
2390         width: 100%;\r
2391 }\r
2392 \r
2393 .no-comments {\r
2394         background-color: #f7f5e7;\r
2395         font-size: 20px;\r
2396         font-style: italic;\r
2397         font-weight: 300;\r
2398         margin: 0;\r
2399         padding: 40px 0;\r
2400         text-align: center;\r
2401 }\r
2402 \r
2403 .sidebar .no-comments {\r
2404         padding-left: 60px;\r
2405         padding-right: 376px;\r
2406 }\r
2407 \r
2408 \r
2409 /**\r
2410  * 5.13 Multisite\r
2411  * ----------------------------------------------------------------------------\r
2412  */\r
2413 \r
2414 .site-main .mu_register {\r
2415         margin: 0 auto;\r
2416         max-width: 604px;\r
2417         width: 100%;\r
2418 }\r
2419 \r
2420 .mu_alert {\r
2421         margin-top: 25px;\r
2422 }\r
2423 \r
2424 .site-main .mu_register input[type="submit"],\r
2425 .site-main .mu_register #blog_title,\r
2426 .site-main .mu_register #user_email,\r
2427 .site-main .mu_register #blogname,\r
2428 .site-main .mu_register #user_name {\r
2429         font-size: inherit;\r
2430         width: 270px;\r
2431 }\r
2432 \r
2433 .site-main .mu_register input[type="submit"] {\r
2434         width: auto;\r
2435 }\r
2436 \r
2437 \r
2438 /**\r
2439  * 6.0 Sidebar\r
2440  * ----------------------------------------------------------------------------\r
2441  */\r
2442 \r
2443 .site-main .widget-area {\r
2444         float: right;\r
2445         width: 300px;\r
2446 }\r
2447 \r
2448 \r
2449 /**\r
2450  * 6.1 Widgets\r
2451  * ----------------------------------------------------------------------------\r
2452  */\r
2453 \r
2454 .widget {\r
2455         background-color: rgba(247, 245, 231, 0.7);\r
2456         font-size: 14px;\r
2457         -webkit-hyphens: auto;\r
2458         -moz-hyphens:    auto;\r
2459         -ms-hyphens:     auto;\r
2460         hyphens:         auto;\r
2461         margin: 0 0 24px;\r
2462         padding: 20px;\r
2463         word-wrap: break-word;\r
2464 }\r
2465 \r
2466 .widget .widget-title {\r
2467         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;\r
2468         margin: 0 0 10px;\r
2469 }\r
2470 \r
2471 .widget ul,\r
2472 .widget ol {\r
2473         list-style-type: none;\r
2474         margin: 0;\r
2475         padding: 0;\r
2476 }\r
2477 \r
2478 .widget li {\r
2479         padding: 5px 0;\r
2480 }\r
2481 \r
2482 .widget .children li:last-child {\r
2483         padding-bottom: 0;\r
2484 }\r
2485 \r
2486 .widget li > ul,\r
2487 .widget li > ol {\r
2488         margin-left: 20px;\r
2489 }\r
2490 \r
2491 .widget a {\r
2492         color: #bc360a;\r
2493 }\r
2494 \r
2495 .widget a:hover {\r
2496         color: #ea9629;\r
2497 }\r
2498 \r
2499 /* Search widget */\r
2500 .search-form .search-submit {\r
2501         display: none;\r
2502 }\r
2503 \r
2504 /* RSS Widget */\r
2505 .widget_rss .rss-date {\r
2506         display: block;\r
2507 }\r
2508 \r
2509 .widget_rss .rss-date,\r
2510 .widget_rss li > cite {\r
2511         color: #a2a2a2;\r
2512 }\r
2513 \r
2514 /* Calendar Widget */\r
2515 .widget_calendar table,\r
2516 .widget_calendar td {\r
2517         border: 0;\r
2518         border-collapse: separate;\r
2519         border-spacing: 1px;\r
2520 }\r
2521 \r
2522 .widget_calendar caption {\r
2523         font-size: 14px;\r
2524         margin: 0;\r
2525 }\r
2526 \r
2527 .widget_calendar th,\r
2528 .widget_calendar td {\r
2529         padding: 0;\r
2530         text-align: center;\r
2531 }\r
2532 \r
2533 .widget_calendar a {\r
2534         display: block;\r
2535 }\r
2536 \r
2537 .widget_calendar a:hover {\r
2538         background-color: rgba(0, 0, 0, 0.15);\r
2539 }\r
2540 \r
2541 .widget_calendar tbody td {\r
2542         background-color: rgba(255, 255, 255, 0.5);\r
2543 }\r
2544 \r
2545 .site-footer .widget_calendar tbody td {\r
2546         background-color: rgba(255, 255, 255, 0.05);\r
2547 }\r
2548 \r
2549 .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {\r
2550         background-color: transparent;\r
2551 }\r
2552 \r
2553 \r
2554 /**\r
2555  * 7.0 Footer\r
2556  * ----------------------------------------------------------------------------\r
2557  */\r
2558 \r
2559 .site-footer {\r
2560         background-color: #e8e5ce;\r
2561         color: #686758;\r
2562         font-size: 14px;\r
2563         text-align: center;\r
2564 }\r
2565 \r
2566 .site-footer .widget-area,\r
2567 .sidebar .site-footer {\r
2568         text-align: left;\r
2569 }\r
2570 \r
2571 .site-footer a {\r
2572         color: #686758;\r
2573 }\r
2574 \r
2575 .site-footer .sidebar-container {\r
2576         background-color: #220e10;\r
2577         padding: 20px 0;\r
2578 }\r
2579 \r
2580 .site-footer .widget-area {\r
2581         margin: 0 auto;\r
2582         max-width: 1040px;\r
2583         width: 100%;\r
2584 }\r
2585 \r
2586 .sidebar .site-footer .widget-area {\r
2587         max-width: 724px;\r
2588         position: relative;\r
2589         left: -158px;\r
2590 }\r
2591 \r
2592 .site-footer .widget {\r
2593         background: transparent;\r
2594         color: #fff;\r
2595         float: left;\r
2596         margin-right: 20px;\r
2597         width: 245px;\r
2598 }\r
2599 \r
2600 .sidebar .site-footer .widget {\r
2601         width: 228px;\r
2602 }\r
2603 \r
2604 .sidebar .site-footer .widget:nth-of-type(4),\r
2605 .sidebar .site-footer .widget:nth-of-type(3) {\r
2606         margin-right: 0;\r
2607 }\r
2608 \r
2609 .site-footer .widget a {\r
2610         color: #e6402a;\r
2611 }\r
2612 \r
2613 .site-footer .widget-title,\r
2614 .site-footer .widget-title a,\r
2615 .site-footer .wp-caption-text {\r
2616         color: #fff;\r
2617 }\r
2618 \r
2619 .site-info {\r
2620         margin: 0 auto;\r
2621         max-width: 1040px;\r
2622         padding: 30px 0;\r
2623         width: 100%;\r
2624 }\r
2625 \r
2626 #wpstats {\r
2627         display: block;\r
2628         margin: -10px auto 0;\r
2629 }\r
2630 \r
2631 \r
2632 /**\r
2633  * 8.0 Media Queries\r
2634  * ----------------------------------------------------------------------------\r
2635  */\r
2636 \r
2637 /* Does the same thing as <meta name="viewport" content="width=device-width">,\r
2638  * but in the future W3C standard way. -ms- prefix is required for IE10+ to\r
2639  * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor\r
2640  * the meta tag. See https://core.trac.wordpress.org/ticket/25888.\r
2641  */\r
2642 @-ms-viewport {\r
2643         width: device-width;\r
2644 }\r
2645 @viewport {\r
2646         width: device-width;\r
2647 }\r
2648 \r
2649 @media (max-width: 1599px) {\r
2650         .site {\r
2651                 border: 0;\r
2652         }\r
2653 }\r
2654 \r
2655 @media (max-width: 1069px) {\r
2656         .sidebar img.alignleft,\r
2657         .sidebar .wp-caption.alignleft {\r
2658                 margin-left: 0;\r
2659         }\r
2660 \r
2661         .sidebar img.alignright,\r
2662         .sidebar .wp-caption.alignright {\r
2663                 margin-right: 0;\r
2664         }\r
2665 \r
2666         .error404 .page-header {\r
2667                 margin-left: auto;\r
2668                 max-width: 604px;\r
2669                 width: 100%;\r
2670         }\r
2671 \r
2672         .archive-header,\r
2673         .search .page-header,\r
2674         .archive .page-header,\r
2675         .blog .page-header,\r
2676         .error404 .page-content,\r
2677         .search .page-content,\r
2678         .archive .page-content,\r
2679         .attachment .entry-header,\r
2680         .attachment .entry-content,\r
2681         .post-navigation .nav-links,\r
2682         .sidebar .site-info,\r
2683         .site-footer .widget-area {\r
2684                 padding-left: 20px;\r
2685                 padding-right: 20px;\r
2686         }\r
2687 \r
2688         .error404 .page-title {\r
2689                 font-size: 24px;\r
2690                 padding: 180px;\r
2691         }\r
2692 \r
2693         .error404 .page-title:before {\r
2694                 font-size: 554px;\r
2695         }\r
2696 \r
2697         .attachment .image-navigation {\r
2698                 max-width: 724px;\r
2699         }\r
2700 \r
2701         .image-navigation .nav-previous,\r
2702         .image-navigation .nav-next {\r
2703                 position: static;\r
2704         }\r
2705 \r
2706         .site-main .widget-area {\r
2707                 margin-right: 60px;\r
2708         }\r
2709 }\r
2710 \r
2711 @media (max-width: 999px) {\r
2712         .sidebar .entry-header,\r
2713         .sidebar .entry-content,\r
2714         .sidebar .entry-summary,\r
2715         .sidebar .entry-meta,\r
2716         .sidebar .comment-list,\r
2717         .sidebar .comment-reply-title,\r
2718         .sidebar .comment-navigation,\r
2719         .sidebar .comment-respond .comment-form,\r
2720         .sidebar .featured-gallery,\r
2721         .sidebar .post-navigation .nav-links,\r
2722         .author.sidebar .author-info {\r
2723                 max-width: 604px;\r
2724                 padding-left: 0;\r
2725                 padding-right: 0;\r
2726         }\r
2727 \r
2728         .sidebar .site-info,\r
2729         .search.sidebar .page-content,\r
2730         .blog.sidebar .page-content,\r
2731         .attachment .entry-header,\r
2732         .sidebar .comments-title {\r
2733                 max-width: 604px;\r
2734         }\r
2735 \r
2736         .sidebar .archive-meta,\r
2737         .attachment .entry-header,\r
2738         .search.sidebar .page-content,\r
2739         .blog.sidebar .page-content,\r
2740         .sidebar .site-info,\r
2741         .sidebar .comments-title,\r
2742         .sidebar .no-comments {\r
2743                 padding-left: 0;\r
2744                 padding-right: 0;\r
2745         }\r
2746 \r
2747         .attachment .entry-meta {\r
2748                 float: left;\r
2749                 text-align: left;\r
2750                 width: 100%;\r
2751         }\r
2752 \r
2753         .attachment .entry-content {\r
2754                 max-width: 100%;\r
2755                 padding: 40px 0;\r
2756         }\r
2757 \r
2758         .format-status .entry-content {\r
2759                 padding-top: 40px;\r
2760         }\r
2761 \r
2762         .format-status .entry-meta {\r
2763                 padding-bottom: 40px;\r
2764         }\r
2765 \r
2766         .sidebar .format-status .entry-content,\r
2767         .sidebar .format-status .entry-meta {\r
2768                 padding-left: 35px;\r
2769         }\r
2770 \r
2771         .sidebar .format-status .entry-content:before,\r
2772         .sidebar .format-status .entry-meta:before {\r
2773                 left: 10px;\r
2774         }\r
2775 \r
2776         .sidebar .format-status .entry-content p:first-child:before {\r
2777                 left: 4px;\r
2778         }\r
2779 \r
2780         .sidebar .paging-navigation .nav-links {\r
2781                 padding: 0 60px;\r
2782         }\r
2783 \r
2784         .site-main .sidebar-container {\r
2785                 height: auto;\r
2786                 margin: 0 auto;\r
2787                 max-width: 604px;\r
2788                 position: relative;\r
2789                 top: 20px;\r
2790         }\r
2791 \r
2792         .site-main .widget-area {\r
2793                 float: none;\r
2794                 margin: 0;\r
2795                 width: 100%;\r
2796         }\r
2797 \r
2798         .sidebar .site-footer .widget-area {\r
2799                 max-width: 100%;\r
2800                 left: 0;\r
2801         }\r
2802 }\r
2803 \r
2804 /* Collapse oversized image and pulled images after iPad breakpoint. */\r
2805 @media (max-width: 767px) {\r
2806         .site-header .home-link {\r
2807                 min-height: 0;\r
2808         }\r
2809         .site-title {\r
2810                 font-size: 36px;\r
2811                 padding: 8px 0 10px;\r
2812         }\r
2813         .entry-content img.alignleft,\r
2814         .entry-content .wp-caption.alignleft {\r
2815                 margin-left: 0;\r
2816         }\r
2817 \r
2818         .entry-content img.alignright,\r
2819         .entry-content .wp-caption.alignright {\r
2820                 margin-right: 0;\r
2821         }\r
2822 \r
2823         .attachment .image-navigation,\r
2824         .attachment .entry-attachment .attachment {\r
2825                 max-width: 604px;\r
2826                 padding: 0;\r
2827                 width: 100%;\r
2828         }\r
2829 \r
2830         .gallery-caption {\r
2831                 display: none;\r
2832         }\r
2833 }\r
2834 \r
2835 @media (max-width: 643px) {\r
2836         .site-title {\r
2837                 font-size: 30px;\r
2838         }\r
2839 \r
2840         #content .entry-header,\r
2841         #content .entry-content,\r
2842         #content .entry-summary,\r
2843         #content footer.entry-meta,\r
2844         #content .featured-gallery,\r
2845         .search.sidebar .page-content,\r
2846         .blog.sidebar .page-content,\r
2847         .sidebar .post-navigation .nav-links,\r
2848         .paging-navigation .nav-links,\r
2849         #content .author-info,\r
2850         .comments-area .comments-title,\r
2851         .comments-area .comment-list,\r
2852         .comments-area .comment-navigation,\r
2853         .comment-respond,\r
2854         .sidebar .site-info,\r
2855         .sidebar .paging-navigation .nav-links {\r
2856                 padding-left: 20px;\r
2857                 padding-right: 20px;\r
2858         }\r
2859 \r
2860         #content .format-status .entry-content,\r
2861         #content .format-status .entry-met {\r
2862                 padding-left: 35px;\r
2863         }\r
2864 \r
2865         /* Small menu */\r
2866         .menu-toggle {\r
2867                 cursor: pointer;\r
2868                 display: inline-block;\r
2869                 font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;\r
2870                 margin: 0;\r
2871         }\r
2872 \r
2873         .menu-toggle,\r
2874         .menu-toggle:hover,\r
2875         .menu-toggle:focus,\r
2876         .menu-toggle:active {\r
2877                 background: none;\r
2878                 border: none;\r
2879                 color: #141412;\r
2880                 padding: 12px 0 12px 20px;\r
2881         }\r
2882 \r
2883         .menu-toggle:focus {\r
2884                 outline: thin dotted;\r
2885         }\r
2886 \r
2887         .menu-toggle:after {\r
2888                 content: "\f502";\r
2889                 font-size: 12px;\r
2890                 padding-left: 8px;\r
2891                 vertical-align: -4px;\r
2892         }\r
2893 \r
2894         .toggled-on .menu-toggle:after {\r
2895                 content: "\f500";\r
2896                 vertical-align: 2px;\r
2897         }\r
2898 \r
2899         .toggled-on .nav-menu,\r
2900         .toggled-on .nav-menu > ul {\r
2901                 display: block;\r
2902                 margin-left: 0;\r
2903                 padding: 0;\r
2904                 width: 100%;\r
2905         }\r
2906 \r
2907         .toggled-on li,\r
2908         .toggled-on .children {\r
2909                 display: block;\r
2910         }\r
2911 \r
2912         .toggled-on .nav-menu li > ul {\r
2913                 background-color: transparent;\r
2914                 display: block;\r
2915                 float: none;\r
2916                 margin-left: 20px;\r
2917                 position: relative;\r
2918                 left: auto;\r
2919                 top: auto;\r
2920         }\r
2921 \r
2922         .toggled-on .nav-menu li > ul a {\r
2923                 color: #141412;\r
2924                 width: auto;\r
2925         }\r
2926 \r
2927         .toggled-on .nav-menu li:hover > a,\r
2928         .toggled-on .nav-menu .children a {\r
2929                 background-color: transparent;\r
2930                 color: #141412;\r
2931         }\r
2932 \r
2933         .toggled-on .nav-menu > li a:hover,\r
2934         .toggled-on .nav-menu > ul a:hover {\r
2935                 background-color: #db572f;\r
2936                 color: #fff;\r
2937         }\r
2938 \r
2939         .toggled-on .nav-menu > li a:focus,\r
2940         .toggled-on .nav-menu > ul a:focus {\r
2941                 background-color: #220e10;\r
2942                 color: #fff;\r
2943         }\r
2944 \r
2945         ul.nav-menu,\r
2946         div.nav-menu > ul {\r
2947                 display: none;\r
2948         }\r
2949 \r
2950         #content .featured-gallery {\r
2951                 padding-left: 24px;\r
2952         }\r
2953 \r
2954         .gallery-columns-1 .gallery-item {\r
2955                 margin-right: 0;\r
2956                 width: 100%;\r
2957         }\r
2958 \r
2959         .entry-title,\r
2960         .format-chat .entry-title,\r
2961         .format-image .entry-title,\r
2962         .format-gallery .entry-title,\r
2963         .format-video .entry-title {\r
2964                 font-size: 22px;\r
2965                 font-weight: bold;\r
2966         }\r
2967 \r
2968         .format-quote blockquote,\r
2969         .format-status .entry-content {\r
2970                 font-size: 18px;\r
2971         }\r
2972 \r
2973         .format-quote blockquote small,\r
2974         .format-quote blockquote cite {\r
2975                 font-size: 13px;\r
2976         }\r
2977 \r
2978         .error404 .page-title {\r
2979                 padding: 40px 0 0;\r
2980         }\r
2981 \r
2982         .error404 .page-title:before {\r
2983                 content: normal;\r
2984         }\r
2985 \r
2986         .comment-author {\r
2987                 margin-right: 30px;\r
2988         }\r
2989 \r
2990         .comment-author .avatar {\r
2991                 height: auto;\r
2992                 max-width: 100%;\r
2993         }\r
2994 \r
2995         .comment-metadata,\r
2996         .comment-content,\r
2997         .comment-list .reply {\r
2998                 width: 70%;\r
2999                 width: -webkit-calc(100% - 104px);\r
3000                 width:         calc(100% - 104px);\r
3001         }\r
3002 \r
3003         .comment-form input[type="text"],\r
3004         .comment-form input[type="email"],\r
3005         .comment-form input[type="url"] {\r
3006                 width: -webkit-calc(100% - 120px);\r
3007                 width:         calc(100% - 120px);\r
3008         }\r
3009 \r
3010         .comment-form textarea {\r
3011                 height: 80px; /* Smaller field for mobile. */\r
3012         }\r
3013 \r
3014         /* Audio */\r
3015         .format-audio .entry-content:before {\r
3016                 display: none;\r
3017         }\r
3018 \r
3019         .format-audio .audio-content {\r
3020                 background-image: none;\r
3021                 float: none;\r
3022                 padding-left: 0;\r
3023                 width: auto;\r
3024         }\r
3025 }\r
3026 \r
3027 /* Mobile devices */\r
3028 @media (max-width: 359px) {\r
3029         .site-title {\r
3030                 font-weight: normal;\r
3031         }\r
3032         .site-description {\r
3033             clip: rect(1px, 1px, 1px, 1px);\r
3034             position: absolute;\r
3035         }\r
3036         .gallery {\r
3037                 margin-left: 0;\r
3038         }\r
3039 \r
3040         .gallery .gallery-item,\r
3041         .gallery-columns-2.gallery-size-thumbnail .gallery-item {\r
3042                 max-width: none;\r
3043                 width: 49%;\r
3044                 width: -webkit-calc(50% - 4px);\r
3045                 width:         calc(50% - 4px);\r
3046         }\r
3047 \r
3048         .gallery-columns-1.gallery-size-medium,\r
3049         .gallery-columns-1.gallery-size-thumbnail,\r
3050         .gallery-columns-2.gallery-size-thumbnail,\r
3051         .gallery-columns-3.gallery-size-thumbnail {\r
3052                 display: block;\r
3053         }\r
3054 \r
3055         .gallery-columns-1 .gallery-item,\r
3056         .gallery-columns-1.gallery-size-medium .gallery-item,\r
3057         .gallery-columns-1.gallery-size-thumbnail .gallery-item {\r
3058                 text-align: center;\r
3059                 width: 98%;\r
3060                 width: -webkit-calc(100% - 4px);\r
3061                 width:         calc(100% - 4px);\r
3062         }\r
3063 \r
3064         .gallery-columns-3 .gallery-item:nth-of-type(3n),\r
3065         .gallery-columns-5 .gallery-item:nth-of-type(5n),\r
3066         .gallery-columns-7 .gallery-item:nth-of-type(7n),\r
3067         .gallery-columns-9 .gallery-item:nth-of-type(9n) {\r
3068                 margin-right: 4px;\r
3069         }\r
3070 \r
3071         .gallery br {\r
3072                 display: none;\r
3073         }\r
3074 \r
3075         .gallery .gallery-item:nth-of-type(even) {\r
3076                 margin-right: 0;\r
3077         }\r
3078 \r
3079         /* Comments */\r
3080         .comment-author {\r
3081                 margin: 0 0 5px;\r
3082                 max-width: 100%;\r
3083         }\r
3084 \r
3085         .comment-author .avatar {\r
3086                 display: inline;\r
3087                 margin: 0 5px 0 0;\r
3088                 max-width: 20px;\r
3089         }\r
3090 \r
3091         .comment-metadata,\r
3092         .comment-content,\r
3093         .comment-list .reply {\r
3094                 width: 100%;\r
3095         }\r
3096 }\r
3097 \r
3098 \r
3099 /**\r
3100  * 9.0 Print\r
3101  * ----------------------------------------------------------------------------\r
3102  */\r
3103 \r
3104 /* Retina-specific styles. */\r
3105 @media print,\r
3106         (-o-min-device-pixel-ratio: 5/4),\r
3107         (-webkit-min-device-pixel-ratio: 1.25),\r
3108         (min-resolution: 120dpi) {\r
3109 \r
3110         .site-header .search-field {\r
3111                 background-image: url(images/search-icon-2x.png);\r
3112         }\r
3113 \r
3114         .format-audio .audio-content,\r
3115         .format-status .entry-content:before,\r
3116         .format-status .entry-meta:before,\r
3117         .comment-list > li:after,\r
3118         .comment-list .children > li:before {\r
3119                 background-image: url(images/dotted-line-2x.png);\r
3120         }\r
3121 }\r
3122 \r
3123 @media print {\r
3124         body {\r
3125                 background: none !important;\r
3126                 color: #000;\r
3127                 font-size: 10pt;\r
3128         }\r
3129 \r
3130         footer a[rel="bookmark"]:link:after,\r
3131         footer a[rel="bookmark"]:visited:after {\r
3132                 content: " [" attr(href) "] "; /* Show URLs */\r
3133         }\r
3134 \r
3135         .site {\r
3136                 max-width: 98%;\r
3137         }\r
3138 \r
3139         .site-header {\r
3140                 background-image: none !important;\r
3141         }\r
3142 \r
3143         .site-header .home-link {\r
3144                 max-width: none;\r
3145                 min-height: 0;\r
3146         }\r
3147 \r
3148         .site-title {\r
3149                 color: #000;\r
3150                 font-size: 21pt;\r
3151         }\r
3152 \r
3153         .site-description {\r
3154                 font-size: 10pt;\r
3155         }\r
3156 \r
3157         .author-avatar,\r
3158         .site-footer,\r
3159         .comment-respond,\r
3160         .comments-area .comment-edit-link,\r
3161         .comments-area .reply,\r
3162         .comments-link,\r
3163         .entry-meta .edit-link,\r
3164         .page-links,\r
3165         .site-content nav,\r
3166         .widget-area,\r
3167         .main-navigation,\r
3168         .navbar,\r
3169         .more-link {\r
3170                 display: none;\r
3171         }\r
3172 \r
3173         .entry-header,\r
3174         .entry-content,\r
3175         .entry-summary,\r
3176         .entry-meta {\r
3177                 margin: 0;\r
3178                 width: 100%;\r
3179         }\r
3180 \r
3181         .page-title,\r
3182         .entry-title {\r
3183                 font-size: 21pt;\r
3184         }\r
3185 \r
3186         .entry-meta,\r
3187         .entry-meta a {\r
3188                 color: #444;\r
3189                 font-size: 10pt;\r
3190         }\r
3191 \r
3192         .entry-content img.alignleft,\r
3193         .entry-content .wp-caption.alignleft {\r
3194                 margin-left: 0;\r
3195         }\r
3196 \r
3197         .entry-content img.alignright,\r
3198         .entry-content .wp-caption.alignright {\r
3199                 margin-right: 0;\r
3200         }\r
3201 \r
3202         .format-image .entry-content .size-full {\r
3203                 margin: 0;\r
3204         }\r
3205 \r
3206         /* Remove colors from post formats */\r
3207         .hentry {\r
3208                 background-color: #fff;\r
3209         }\r
3210 \r
3211         /* Comments */\r
3212         .comments-area > li.comment {\r
3213                 background: none;\r
3214                 position: relative;\r
3215                 width: auto;\r
3216         }\r
3217 \r
3218         .comment-metadata {\r
3219                 float: none;\r
3220         }\r
3221 \r
3222         .comment-author .fn,\r
3223         .comment-reply-link,\r
3224         .comment-reply-login {\r
3225                 color: #333;\r
3226         }\r
3227 }\r