summaryrefslogtreecommitdiff
path: root/theme/cccevents/static/hemingway/global.css
diff options
context:
space:
mode:
Diffstat (limited to 'theme/cccevents/static/hemingway/global.css')
-rw-r--r--theme/cccevents/static/hemingway/global.css2672
1 files changed, 2672 insertions, 0 deletions
diff --git a/theme/cccevents/static/hemingway/global.css b/theme/cccevents/static/hemingway/global.css
new file mode 100644
index 0000000..0afb62e
--- /dev/null
+++ b/theme/cccevents/static/hemingway/global.css
@@ -0,0 +1,2672 @@
1@charset "UTF-8";
2
3/*---------------------------------------------------------------------------------
4
5 Theme Name: Hemingway
6 Text Domain: hemingway
7 Version: 1.67
8 Description: Hemingway is a clean, beautiful and responsive two-column theme for bloggers. Features responsive design, retina-ready assets, full-width header image with parallax scrolling effect, custom accent color, custom logo upload, custom widgets (video, Flickr and Dribbble), page templates and translation-ready code. Demo: http://www.andersnoren.se/themes/hemingway/
9 Tags: blog, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
10 Author: Anders Norén
11 Author URI: http://www.andersnoren.se
12 Theme URI: http://www.andersnoren.se/teman/hemingway-wordpress-theme/
13 License: GNU General Public License version 2.0
14 License URI: http://www.gnu.org/licenses/gpl-2.0.html
15
16 All files, unless otherwise stated, are released under the GNU General Public License
17 version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
18
19-----------------------------------------------------------------------------------
20
21 0. CSS Reset & Clearfix
22 1. Document Setup
23 2. Structure
24 3. Header
25 4. Navigation
26 5. Main Content
27 6. Single post
28 7. Post Content
29 8. Comments
30 9. Pagination
31 10. Page & Page Templates
32 11. Sidebar
33 12. Footer
34 13. Credits
35 14. Responsive
36
37----------------------------------------------------------------------------------- */
38
39
40/* -------------------------------------------------------------------------------- */
41/* 0. CSS Reset
42/* -------------------------------------------------------------------------------- */
43
44html, body { margin:0; padding:0;}
45
46h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
47 margin:0;
48 padding:0;
49 border:0;
50 font-weight:normal;
51 font-style:normal;
52 font-size:100%;
53 line-height:1;
54 font-family:inherit;
55 text-align:left;
56}
57
58table {
59 border-collapse:collapse;
60 border-spacing:0;
61}
62
63ol, ul { list-style:none; }
64
65blockquote:before,
66blockquote:after { content:""; }
67
68a { outline:none; }
69
70input[type=search] {
71 -moz-appearance:none;
72 -webkit-appearance:none;
73}
74
75input[type="search"]::-webkit-search-decoration,
76input[type="search"]::-webkit-search-cancel-button,
77input[type="search"]::-webkit-search-results-button,
78input[type="search"]::-webkit-search-results-decoration {
79 display: none;
80}
81
82
83/* -------------------------------------------------------------------------------- */
84/* 1. Document setup
85/* -------------------------------------------------------------------------------- */
86
87
88body {
89 margin: 0;
90 padding: 0;
91 border: none;
92 background: #FFF;
93 color: #444;
94 font-family: 'Lato', sans-serif;
95 font-size: 18px;
96 -webkit-font-smoothing: subpixel-antialiased;
97}
98
99body a {
100 color: #1abc9c;
101 text-decoration: none;
102}
103
104body a:hover {
105 color: #1abc9c;
106 text-decoration: none;
107}
108
109* {
110 box-sizing: border-box;
111 -moz-box-sizing: border-box;
112 -webkit-box-sizing: border-box;
113}
114
115img {
116 max-width: 100%;
117 height: auto;
118}
119
120.hidden { display: none; }
121.clear { clear: both; }
122.left { float: left; }
123.right { float: right; }
124
125::selection {
126 background: #1abc9c;
127 color: #333;
128}
129
130::-webkit-input-placeholder { color: #A9A9A9; }
131:-ms-input-placeholder { color: #A9A9A9; }
132
133
134/* Transitions --------------------------------------- */
135
136
137body a,
138.post-tags a::after {
139 -webkit-transition: all 0.1s ease-in-out;
140 -moz-transition: all 0.1s ease-in-out;
141 -ms-transition: all 0.1s ease-in-out;
142 -o-transition: all 0.1s ease-in-out;
143 transition: all 0.1s ease-in-out;
144}
145
146.nav-toggle,
147.nav-toggle .bar,
148.blog-menu a,
149.blog-menu ul .has-children,
150.blog-title a,
151.post-title a,
152.format-bubble,
153.post-meta a,
154.featured-media a,
155.content form input,
156.content form textarea,
157.media-caption,
158.post-nav a,
159input#s,
160#searchsubmit,
161.widget-content ul li,
162.widget_recent_entries a,
163.search-toggle.active .metal,
164.search-toggle.active .handle,
165a.more-link,
166.dribbble-shot img,
167.flickr_badge_image a img {
168 -webkit-transition: all 0.2s ease-in-out;
169 -moz-transition: all 0.2s ease-in-out;
170 -ms-transition: all 0.2s ease-in-out;
171 -o-transition: all 0.2s ease-in-out;
172 transition: all 0.2s ease-in-out;
173}
174
175.tothetop {
176 -webkit-transition: all 0.3s ease-in-out;
177 -moz-transition: all 0.3s ease-in-out;
178 -ms-transition: all 0.3s ease-in-out;
179 -o-transition: all 0.3s ease-in-out;
180 transition: all 0.3s ease-in-out;
181}
182
183
184/* Screen Reader Text --------------------------------------- */
185
186
187.screen-reader-text {
188 clip: rect(1px, 1px, 1px, 1px);
189 position: absolute !important;
190 height: 1px;
191 width: 1px;
192 overflow: hidden;
193}
194
195.screen-reader-text:focus {
196 background-color: #f1f1f1;
197 border-radius: 3px;
198 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
199 clip: auto !important;
200 color: #21759b;
201 display: block;
202 font-size: 14px;
203 font-size: 0.875rem;
204 font-weight: bold;
205 height: auto;
206 left: 5px;
207 line-height: normal;
208 padding: 15px 23px 14px;
209 text-decoration: none;
210 top: 5px;
211 width: auto;
212 z-index: 100000; /* Above WP toolbar. */
213}
214
215
216/* -------------------------------------------------------------------------------- */
217/* 2. Structure
218/* -------------------------------------------------------------------------------- */
219
220
221.section {
222 padding: 10% 0;
223 position: relative;
224}
225
226.section.large-padding { padding: 7.5% 0; }
227.section.medium-padding { padding: 5% 0; }
228.section.small-padding { padding: 2.5% 0; }
229.section.no-padding { padding: 0; }
230
231.section.bg-dark { background: #1D1D1D; }
232.section.bg-dark-light { background: #262626; }
233
234.bg-shade {
235 position: absolute;
236 top: 0;
237 right: 0;
238 bottom: 0;
239 left: 0;
240 background: #262626;
241}
242
243.section-inner {
244 width: 1040px;
245 max-width: 86%;
246 margin: 0 auto;
247}
248
249.big-wrapper { overflow: hidden; }
250
251.wrapper { margin-top: 100px; }
252
253.content { width: 65%; }
254.content.center { margin-left: auto; margin-right: auto; }
255.content.full-width { width: 100%; }
256
257.sidebar { width: 27.5%; }
258
259
260/* -------------------------------------------------------------------------------- */
261/* 3. Header
262/* -------------------------------------------------------------------------------- */
263
264
265.header-cover { overflow-y: hidden; }
266
267.header {
268 padding: 100px 0;
269 background: no-repeat center;
270 background-size: cover;
271 -moz-background-size: cover;
272 -webkit-background-size: cover;
273}
274
275.header-inner { position: relative; z-index: 2; text-align: center; }
276
277.blog-logo { display: inline-block; }
278
279.blog-logo a,
280.blog-logo img { display: block; }
281
282.blog-logo img {
283 max-height: 250px;
284 width: auto;
285 max-width: 100%;
286 height: auto;
287}
288
289.blog-info {
290 display: inline-block;
291 padding: 30px;
292 background: #1d1d1d;
293}
294
295.blog-title {
296 width: 100%;
297 text-align: center;
298 font-family: 'Raleway', sans-serif;
299}
300
301.blog-title a {
302 color: #FFF;
303 text-transform: uppercase;
304 letter-spacing: 4px;
305 font-weight: 700;
306 font-size: 1.75em;
307}
308
309.blog-description:before {
310 content: "";
311 display: block;
312 width: 100px;
313 height: 2px;
314 background: rgba(255,255,255,0.1);
315 margin: 20px auto;
316}
317
318.blog-description {
319 color: rgba( 255, 255, 255, 0.5 );
320 font-family: 'Raleway', sans-serif;
321 font-weight: 300;
322 line-height: 1.25;
323 text-align: center;
324}
325
326
327/* -------------------------------------------------------------------------------- */
328/* 4. Navigation
329/* -------------------------------------------------------------------------------- */
330
331
332.mobile-menu { display: none; }
333
334.blog-menu li { position: relative; }
335.blog-menu > li { float: left; }
336
337.blog-menu > li:before {
338 content: "/";
339 display: block;
340 position: absolute;
341 left: 0;
342 top: 50%;
343 margin-top: -9px;
344 margin-left: -3px;
345 font-size: 16px;
346 color: #444;
347 font-weight: 300;
348 z-index: 1000;
349}
350
351.blog-menu > li:first-child:before { content: none; }
352
353.blog-menu a {
354 display: block;
355 padding: 27px 20px;
356 text-transform: uppercase;
357 letter-spacing: 1px;
358 color: rgba( 255, 255, 255, 0.5 );
359 font-size: 13px;
360}
361
362.blog-menu a:hover,
363.blog-menu .current-menu-item a { color: #FFF; }
364
365.blog-menu > .has-children a,
366.blog-menu > .page_item_has_children a { padding-right: 35px; }
367
368.blog-menu > .has-children::after,
369.blog-menu > .page_item_has_children::after {
370 content: "";
371 display: block;
372 border: 5px solid transparent;
373 border-top-color: rgba( 255, 255, 255, 0.5 );
374 position: absolute;
375 z-index: 1001;
376 right: 17px;
377 top: 50%;
378 margin-top: -2px;
379 transition: border-color .2s ease-in-out;
380}
381
382.blog-menu > .has-children:hover::after,
383.blog-menu > .page_item_has_children:hover::after { border-top-color: #FFF; }
384
385.blog-menu li:hover a {
386 background-color: #1D1D1D;
387 cursor: pointer;
388}
389
390.blog-menu li:hover > a { color: #FFF; }
391
392
393/* Sub menus --------------------------------------- */
394
395
396.blog-menu ul {
397 position: absolute;
398 left: -9999px;
399 display: none;
400 z-index: 999;
401}
402
403.blog-menu ul li {
404 float: none;
405 display: block;
406}
407
408.blog-menu ul > .has-children::after,
409.blog-menu ul > .page_item_has_children::after {
410 content: "";
411 display: block;
412 border: 6px solid transparent;
413 border-left-color: rgba(255,255,255,0.4);
414 position: absolute;
415 z-index: 1001;
416 right: 10px;
417 top: 50%;
418 margin-top: -5px;
419}
420
421.blog-menu ul > .has-children:hover::after,
422.blog-menu ul > .page_item_has_children:hover::after { border-left-color: #FFF; }
423
424.blog-menu ul li {
425 width: 240px;
426 background: #1d1d1d;
427}
428
429.blog-menu ul a {
430 padding: 20px 0px;
431 margin: 0 20px;
432 line-height: 130%;
433 -moz-box-sizing: border-box;
434 -webkit-box-sizing: border-box;
435 box-sizing: border-box;
436 border-bottom: 1px solid rgba(255,255,255,0.1);
437}
438
439.blog-menu ul > li:last-child a { border-bottom-width: 0; }
440
441.blog-menu li:hover > ul {
442 opacity: 1;
443 left: 0;
444 display: block;
445}
446
447
448/* Deep down --------------------------------------- */
449
450
451.blog-menu ul li:hover > ul {
452 top: 0;
453 left: 240px;
454 margin-left: 0;
455}
456
457
458/* -------------------------------------------------------------------------------- */
459/* 5. Main content
460/* -------------------------------------------------------------------------------- */
461
462
463.post,
464.page {
465 padding-bottom: 10%;
466 border-bottom: 4px solid #EEE;
467 margin-bottom: 10%;
468}
469
470.single-post .post,
471.page .post,
472.post:last-child,
473.page:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
474
475
476/* Featured media --------------------------------------- */
477
478
479.featured-media {
480 position: relative;
481 display: block;
482 margin-bottom: 6%;
483}
484
485.featured-media a,
486.featured-media img { display: block; }
487
488.featured-media img {
489 border-radius: 4px;
490 margin: 0 auto;
491}
492
493.featured-media iframe {
494 display: block;
495 border: none;
496 max-width: 100%;
497 height: auto;
498}
499
500.featured-media .sticky-post {
501 position: absolute;
502 top: 5%;
503 right: 0;
504 padding: 8px 10px;
505 border-radius: 3px 0 0 3px;
506 background: #1abc9c;
507 color: #FFF;
508 font-size: 0.7em;
509 text-transform: uppercase;
510 letter-spacing: 1px;
511 z-index: 10;
512}
513
514.media-caption-container {
515 position: absolute;
516 width: 95%;
517 margin-left: 2.5%;
518 bottom: 1.5em;
519 text-align: center;
520 font-size: 0.85em;
521}
522
523.media-caption {
524 display: inline-block;
525 padding: 7px 11px;
526 border-radius: 3px;
527 background: #262626;
528 background: rgba(38,38,38,0.75);
529 color: #FFF;
530 text-align: center;
531 line-height: 130%;
532}
533
534.media-caption:hover {
535 background: #262626;
536 color: #FFF;
537}
538
539
540/* Post header --------------------------------------- */
541
542
543.post-header { margin-bottom: 6%; }
544
545.post-title {
546 font-size: 2.5em;
547 font-weight: 700;
548 line-height: 120%;
549 margin-bottom: 15px;
550 font-family: 'Lato', sans-serif;
551
552 -ms-word-break: break-all;
553 word-break: break-word;
554
555-webkit-hyphens: auto;
556 -moz-hyphens: auto;
557 hyphens: auto;
558}
559
560.post-title,
561.post-title a { color: #2d2d2d; }
562
563.post-meta {
564 font-size: 0.8em;
565 color: #999;
566 text-transform: uppercase;
567 letter-spacing: 1px;
568}
569
570.post-meta a { color: #999; }
571.post-meta a:hover { color: #1abc9c; }
572
573.post-meta .date-sep { margin: 0 5px; color: #DDD; }
574
575.post-content a.more-link {
576 display: inline-block;
577 background: #262626;
578 padding: 10px 18px;
579 color: #FFF;
580 font-size: 0.85em;
581 border-radius: 4px;
582}
583
584.post-content a.more-link:hover {
585 background: #1abc9c;
586 color: #FFF;
587 text-decoration: none !important;
588}
589
590
591/* Post format aside & video --------------------------------------- */
592
593
594.blog .format-aside .post-meta,
595.archive .format-aside .post-meta,
596.search .format-aside .post-meta,
597.blog .format-video .post-meta,
598.archive .format-video .post-meta,
599.search .format-video .post-meta { text-align: center; }
600
601.blog .format-video .post-content,
602.archive .format-video .post-content,
603.search .format-video .post-content {
604 margin-top: 20px;
605}
606
607.blog .format-aside .post-content,
608.archive .format-aside .post-content,
609.search .format-aside .post-content {
610 padding: 20px;
611 background: #EEE;
612 margin-top: 20px;
613 border-radius: 3px;
614}
615
616
617/* Post format quote --------------------------------------- */
618
619
620.blog .format-quote .post-meta,
621.archive .format-quote .post-meta,
622.search .format-quote .post-meta { text-align: center; }
623
624.blog .format-quote .post-content,
625.archive .format-quote .post-content,
626.search .format-quote .post-content {
627 margin-top: 20px;
628 padding: 40px;
629 background: #262626;
630 color: #FFF;
631 border-radius: 3px;
632}
633
634.blog .format-quote .post-content blockquote,
635.archive .format-quote .post-content blockquote,
636.search .format-quote .post-content blockquote {
637 background: none;
638 color: #FFF;
639 padding: 0;
640 font-size: 1.25em;
641 margin-bottom: 0;
642}
643
644.blog .format-quote .post-content blockquote p,
645.archive .format-quote .post-content blockquote p,
646.search .format-quote .post-content blockquote p {
647 text-align: center;
648}
649
650.blog .format-quote .post-content blockquote cite,
651.archive .format-quote .post-content blockquote cite,
652.search .format-quote .post-content blockquote cite {
653 display: block;
654 text-align: center;
655 color: rgba(255,255,255,0.75);
656 font-size: 1rem;
657 font-weight: 400;
658}
659
660.blog .format-quote .post-content blockquote cite a,
661.archive .format-quote .post-content blockquote cite a,
662.search .format-quote .post-content blockquote cite a { color: rgba(255,255,255,0.75); }
663
664.blog .format-quote .post-content blockquote cite a:hover,
665.archive .format-quote .post-content blockquote cite a:hover,
666.search .format-quote .post-content blockquote cite a:hover { text-decoration: none; }
667
668
669/* -------------------------------------------------------------------------------- */
670/* 6. Single post
671/* -------------------------------------------------------------------------------- */
672
673
674.post-meta-bottom {
675 margin-top: 10%;
676 position: relative;
677}
678
679.post-categories {
680 position: relative;
681 font-size: 0.85em;
682 font-weight: 400;
683 color: #999;
684 line-height: 120%;
685 padding-left: 36px;
686}
687
688.category-icon,
689.category-icon:after,
690.front-flap,
691.front-flap:after {
692 display: block;
693 position: absolute;
694}
695
696.category-icon {
697 left: 0;
698 top: 2px;
699 width: 24px;
700 height: 16px;
701 background: #727272;
702 border-radius: 0 2px 2px 2px;
703}
704
705.category-icon:after {
706 content: "";
707 width: 12px;
708 height: 3px;
709 top: -3px;
710 left: 0px;
711 background: #727272;
712 border-radius: 1px 1px 0 0;
713}
714
715.front-flap {
716 height: 13px;
717 width: 22px;
718 bottom: -1px;
719 right: -2px;
720 background: #727272;
721 border-radius: 2px;
722 border: 1px solid #FFF;
723 -webkit-transform: skew(-25deg,0deg);
724 -moz-transform: skew(-25deg,0deg);
725 -ms-transform: skew(-25deg,0deg);
726 -o-transform: skew(-25deg,0deg);
727 transform: skew(-25deg,0deg);
728}
729
730.post-categories a:hover { text-decoration: underline; }
731
732.post-tags {
733 margin-top: 20px;
734 margin-left: 12px;
735}
736
737.post-tags a {
738 position: relative;
739 font-size: 12px;
740 font-weight: 700;
741 text-transform: uppercase;
742 color: #FFF;
743 display: inline-block;
744 padding: 6px;
745 margin-bottom: 5px;
746 margin-right: 20px;
747 background: #767676;
748 border-radius: 0 2px 2px 0;
749}
750
751.post-tags a::after {
752 border-top: 12px solid transparent;
753 border-right: 12px solid #767676;
754 border-bottom: 12px solid transparent;
755 content: "";
756 height: 0;
757 position: absolute;
758 top: 0;
759 left: -12px;
760 width: 0;
761}
762
763.post-tags a:before {
764 content: "";
765 display: block;
766 position: absolute;
767 left: -4px;
768 top: 50%;
769 margin-top: -2px;
770 width: 4px;
771 height: 4px;
772 background: #FFF;
773 border-radius: 99px;
774 z-index: 10;
775}
776
777.post-tags a:hover {
778 background: #1abc9c;
779 color: #FFF;
780}
781
782.post-tags a:hover:after { border-right-color: #1abc9c; }
783
784.post-nav {
785 font-size: 0.95em;
786 margin-top: 20px;
787 border-top: 4px solid #EEE;
788 border-bottom: 4px solid #EEE;
789}
790
791.post-nav a {
792 display: block;
793 position: relative;
794 padding: 25px 0;
795 max-width: 49%;
796 color: #666;
797}
798
799.post-nav h5 {
800 text-transform: uppercase;
801 letter-spacing: 1px;
802 font-size: 0.7em;
803 color: #999;
804 margin-bottom: 7px;
805 font-weight: 700;
806}
807
808.post-nav-newer h5 { text-align: right; }
809
810.post-nav-older { float: left; }
811.post-nav-newer { float: right; text-align: right; }
812
813.post-nav a:hover { color: #1abc9c; }
814
815
816/* -------------------------------------------------------------------------------- */
817/* 7. Post Content
818/* -------------------------------------------------------------------------------- */
819
820
821.post-content {
822 font-size: 19px;
823}
824
825.post-content > *:first-child { margin-top: 0; }
826.post-content *:last-child { margin-bottom: 0; }
827
828
829/* Gutenberg Accent Colors --------------------------------------- */
830
831.post-content .has-accent-color { color: #1ABC9C; }
832.post-content .has-accent-background-color { background-color: #1ABC9C; }
833
834.post-content .has-dark-gray-color { color: #444; }
835.post-content .has-dark-gray-background-color { background-color: #444; }
836
837.post-content .has-medium-gray-color { color: #666; }
838.post-content .has-medium-gray-background-color { background-color: #666; }
839
840.post-content .has-light-gray-color { color: #888; }
841.post-content .has-light-gray-background-color { background-color: #888; }
842
843.post-content .has-white-color { color: #fff; }
844.post-content .has-white-background-color { background-color: #fff; }
845
846
847/* Gutenberg Font Sizes --------------------------------------- */
848
849.post-content .has-small-font-size { font-size: .842em; }
850.post-content .has-regular-font-size { font-size: 1em; }
851
852.post-content .has-large-font-size,
853.post-content .has-larger-font-size {
854 line-height: 1.5;
855}
856
857.post-content .has-large-font-size { font-size: 1.263em; }
858.post-content .has-larger-font-size { font-size: 1.684em; }
859
860
861/* Content Typography --------------------------------------- */
862
863.post-content a:hover {
864 text-decoration: underline;
865}
866
867.post-content p,
868.post-content blockquote,
869.post-content ul,
870.post-content ol,
871.post-content address,
872.post-content dl,
873.post-content pre {
874 line-height: 170%;
875 margin-bottom: 1.1em;
876}
877
878.post-content h1,
879.post-content h2,
880.post-content h3,
881.post-content h4,
882.post-content h5,
883.post-content h6 {
884 margin: 50px 0 25px;
885 color: #444;
886 line-height: 120%;
887}
888
889.post-content h1,
890.post-content h2,
891.post-content h3 {
892 font-weight: 700;
893}
894
895.post-content h1 { font-size: 2em; }
896.post-content h2 { font-size: 1.75em; }
897.post-content h3 { font-size: 1.5em; }
898.post-content h4 { font-size: 1.25em; }
899.post-content h5 { font-size: 1.1em; }
900
901.post-content h6 {
902 font-size: .9em;
903 font-weight: bold;
904 text-transform: uppercase;
905 letter-spacing: 1px;
906}
907
908.post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6,
909.post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6,
910.post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6,
911.post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6,
912.post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6,
913.post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 {
914 margin-top: 25px;
915}
916
917p.has-drop-cap:not(:focus):first-letter {
918 font-size: 5.95em;
919 font-weight: 400;
920}
921
922.post-content big { font-size: 1.25em; }
923
924abbr, acronym { cursor: help; }
925
926code, kbd, pre {
927 font-size: 0.85em;
928 background: #EEE;
929 font-family: Menlo, Monaco, monospace;
930}
931
932.post-content .highlight {
933 background: #fcf8a5;
934 display: inline;
935 padding: 2px 3px;
936}
937
938.post-content kbd,
939.post-content code {
940 padding: 5px;
941 border-radius: 3px;
942}
943
944.post-content dl { line-height: 160%; }
945
946.post-content dl dt { font-weight: bold; }
947
948.post-content hr,
949hr.wp-block-separator {
950 background: #eee;
951 border: none;
952 color: #888;
953 height: 4px;
954 margin: 2em auto;
955 width: 50%;
956}
957
958.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
959 max-width: none;
960 width: 50%;
961}
962
963.wp-block-separator.is-style-wide {
964 width: 100%;
965}
966
967.wp-block-separator.is-style-dots {
968 background: none;
969 height: auto;
970}
971
972.wp-block-separator.is-style-dots:before {
973 color: inherit;
974}
975
976.post-content ul {
977 list-style: disc;
978 margin-left: 1.5em;
979}
980
981.post-content ul ul { list-style: circle; }
982.post-content ul ul ul { list-style: square; }
983
984.post-content ol {
985 list-style: decimal;
986 margin-left: 1.5em;
987}
988
989.post-content ol ol { list-style: lower-alpha; }
990.post-content ol ol ol {
991 list-style: lower-roman;
992}
993
994.post-content ul ul,
995.post-content ul ol,
996.post-content ol ul,
997.post-content ol ol {
998 margin-bottom: 0;
999}
1000
1001.post-content li {
1002 margin-bottom: 0.5em;
1003 line-height: 170%;
1004}
1005
1006.post-content li ol li:first-child,
1007.post-content li ul li:first-child {
1008 margin-top: 0.5em;
1009}
1010
1011.post-content ol > li:last-child,
1012.post-content ul > li:last-child {
1013 margin-bottom: 0;
1014}
1015
1016.post-content address {
1017 padding: 3% 3.5%;
1018 background: #F1F1F1;
1019}
1020
1021.post-content pre {
1022 white-space: pre-wrap; /* css-3 */
1023 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
1024 white-space: -pre-wrap; /* Opera 4-6 */
1025 white-space: -o-pre-wrap; /* Opera 7 */
1026 word-wrap: break-word; /* Internet Explorer 5.5+ */
1027 line-height: 140%;
1028 padding: 2% 2.5%;
1029 background: #f1f1f1;
1030}
1031
1032
1033/* Post Quotes --------------------------------------- */
1034
1035
1036.post-content blockquote:not(.wp-block-pullquote) {
1037 background: #EEE;
1038 color: #666;
1039 font-family: 'Raleway', 'Helvetica Neue', sans-serif;
1040 line-height: 150%;
1041 padding: 1.1em;
1042}
1043
1044.post-content cite {
1045 color: #666;
1046 font-weight: 700;
1047 letter-spacing: 1px;
1048 line-height: 140%;
1049 text-transform: uppercase;
1050}
1051
1052.post-content cite:before { content: "— "; }
1053
1054.post-content blockquote cite {
1055 display: block;
1056 font-size: .8em;
1057 margin-top: 1em;
1058}
1059
1060em, q { font-style: italic; }
1061
1062.post-content blockquote cite em,
1063.post-content strong em,
1064.post-content em strong {
1065 font-style: italic;
1066 font-weight: bold;
1067}
1068
1069.post-content .wp-block-pullquote {
1070 border-bottom: 4px solid #444;
1071 border-top: 4px solid #444;
1072 margin: 2em 0;
1073 padding: 3em 0;
1074 text-align: center;
1075}
1076
1077.post-content .wp-block-pullquote p {
1078 line-height: 1.5;
1079}
1080
1081.post-content .wp-block-pullquote.alignleft,
1082.post-content .wp-block-pullquote.alignright {
1083 margin-bottom: 1em;
1084 margin-top: 0;
1085 padding: 1em 0;
1086}
1087
1088.post-content .wp-block-pullquote cite,
1089.post-content .wp-block-pullquote p {
1090 text-align: inherit;
1091}
1092
1093.post-content .wp-block-pullquote cite:before {
1094 content: none;
1095}
1096
1097
1098/* Post Media --------------------------------------- */
1099
1100
1101.post-content .wp-caption {
1102 line-height: 170%;
1103 margin-bottom: 1.1em;
1104 max-width: 100%;
1105}
1106
1107.wp-block-image {
1108 margin: 0 0 1.1em 0;
1109}
1110
1111.wp-caption a,
1112.wp-caption img { display: block; }
1113
1114.wp-block-image img,
1115img.alignleft,
1116.alignleft img,
1117img.aligncenter,
1118.aligncenter img,
1119img.alignright,
1120.alignright img {
1121 box-sizing: border-box;
1122 padding: 5px;
1123 border: 1px solid #EEE;
1124}
1125
1126.post-content .alignwide,
1127.post-content .alignfull {
1128 margin: 2em 0 2em -5%;
1129 max-width: none;
1130 width: 110%;
1131}
1132
1133.post-content .alignleft,
1134.post-content .alignright {
1135 margin-bottom: 1.2em;
1136 max-width: 40%;
1137}
1138
1139.post-content .wp-caption .alignleft,
1140.post-content .wp-caption .alignright {
1141 margin-bottom: 0;
1142}
1143
1144.post-content .alignleft {
1145 float: left;
1146 margin-right: 1em;
1147}
1148
1149.post-content .alignright {
1150 float: right;
1151 margin-left: 1em;
1152}
1153
1154.post-content .aligncenter {
1155 display: block;
1156 margin-left: auto;
1157 margin-right: auto;
1158 text-align: center;
1159}
1160
1161.post-content .wp-caption-text,
1162.post-content .gallery-caption,
1163.post-content .wp-block-image figcaption,
1164.post-content figcaption {
1165 color: #888;
1166 display: block;
1167 font-size: .85em;
1168 font-style: italic;
1169 padding-top: .5em;
1170 text-align: center;
1171 width: 100%;
1172}
1173
1174.post-content .wp-caption-text a,
1175.post-content .gallery-caption a {
1176 display: inline;
1177}
1178
1179.post-content .gallery-caption {
1180 font-size: 16px;
1181 line-height: 24px;
1182}
1183
1184.post-content ul.wp-block-gallery {
1185 list-style: none;
1186}
1187
1188.post-content ul.wp-block-gallery:not(.alignwide) {
1189 margin-left: 0;
1190}
1191
1192.wp-block-gallery img {
1193 border: none;
1194 padding: 0;
1195}
1196
1197
1198/* File Block --------------------------------------- */
1199
1200.wp-block-file {
1201 align-items: center;
1202 border: 1px solid #eee;
1203 border-radius: 3px;
1204 display: flex;
1205 justify-content: space-between;
1206 padding: 1em;
1207}
1208
1209.wp-block-file a:not(.wp-block-file__button) {
1210 color: inherit;
1211 font-weight: 700;
1212}
1213
1214.post-content a.wp-block-file__button {
1215 background: #1abc9c;
1216 border-radius: 4px;
1217 color: #fff;
1218}
1219
1220
1221/* Button Block --------------------------------------- */
1222
1223.wp-block-button .wp-block-button__link {
1224 border-radius: 4px;
1225 font-size: 0.9em;
1226 line-height: 1.1;
1227 padding: 16px 18px;
1228}
1229
1230
1231/* Tables --------------------------------------- */
1232
1233
1234.post-content table {
1235 border-collapse: collapse;
1236 border-spacing: 0;
1237 empty-cells: show;
1238 font-size: 0.9em;
1239 width: 100%;
1240 margin-bottom: 1.1em;
1241}
1242
1243.post-content tbody {
1244 border-top: 1px solid #DDD;
1245}
1246
1247.post-content thead + tbody {
1248 border-top: none;
1249}
1250
1251.post-content th,
1252.post-content td {
1253 padding: 2%;
1254 margin: 0;
1255 overflow: visible;
1256 line-height: 120%;
1257 border-bottom: 1px solid #DDD;
1258}
1259
1260.post-content caption {
1261 color: #444;
1262 text-align: center;
1263 padding: 2%;
1264}
1265
1266.post-content thead {
1267 vertical-align: bottom;
1268 white-space: nowrap;
1269}
1270
1271.post-content th {
1272 font-weight: bold;
1273 color: #444;
1274}
1275
1276.post-content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }
1277
1278
1279/* Forms --------------------------------------- */
1280
1281
1282.post-content fieldset {
1283 padding: 25px;
1284 border: 2px solid #eee;
1285 margin-bottom: 1em;
1286}
1287
1288.post-content fieldset legend {
1289 font-size: 0.8rem;
1290 line-height: 1;
1291 font-weight: 700;
1292 text-transform: uppercase;
1293 letter-spacing: 2px;
1294 padding: 10px 12px;
1295 background: #1ABC9C;
1296 color: #fff;
1297}
1298
1299.post-content label {
1300 font-size: 1rem;
1301 font-weight: 700;
1302}
1303
1304.post-content input,
1305.post-content textarea {
1306 font-family: 'Lato', sans-serif;
1307}
1308
1309.post-content input[type="text"],
1310.post-content input[type="tel"],
1311.post-content input[type="url"],
1312.post-content input[type="email"],
1313.post-content input[type="password"],
1314.post-content textarea {
1315 width: 100%;
1316 padding: 14px 16px;
1317 font-size: 0.9em;
1318 border: none;
1319 color: #333;
1320 background: #f2f2f2;
1321 border-radius: 3px;
1322 -webkit-appearance: none;
1323}
1324
1325.post-content input[type="file"] {
1326 padding: 10px;
1327 background: #f2f2f2;
1328 border-radius: 3px;
1329}
1330
1331.post-content textarea {
1332 height: 180px;
1333 line-height: 140%;
1334}
1335
1336.post-content input[type="text"]:focus,
1337.post-content input[type="tel"]:focus,
1338.post-content input[type="url"]:focus,
1339.post-content input[type="email"]:focus,
1340.post-content input[type="password"]:focus,
1341.post-content textarea:focus {
1342 outline: none;
1343}
1344
1345.post-content input[type="submit"],
1346.post-content input[type="reset"],
1347.post-content input[type="button"] {
1348 padding: 12px 16px;
1349 margin: 0;
1350 border: none;
1351 background: #333;
1352 color: #fff;
1353 font-size: 0.9rem;
1354 line-height: 1;
1355 -webkit-appearance: none;
1356 border-radius: 3px;
1357 -webkit-appearance: none;
1358}
1359
1360.post-content input[type="submit"] + input[type="reset"],
1361.post-content input[type="submit"] + input[type="button"],
1362.post-content input[type="reset"] + input[type="submit"],
1363.post-content input[type="reset"] + input[type="button"],
1364.post-content input[type="button"] + input[type="reset"],
1365.post-content input[type="submit"] + input[type="submit"] {
1366 margin-left: 10px;
1367}
1368
1369.post-content input[type="submit"]:hover,
1370.post-content input[type="reset"]:hover,
1371.post-content input[type="button"]:hover {
1372 cursor: pointer;
1373 background: #1ABC9C;
1374 color: #fff;
1375}
1376
1377.post-content input[type="submit"]:focus,
1378.post-content input[type="submit"]:active {
1379 outline: none;
1380}
1381
1382
1383/* -------------------------------------------------------------------------------- */
1384/* 8. Comments
1385/* -------------------------------------------------------------------------------- */
1386
1387
1388.comments,
1389.comment-respond {
1390 border-top: 4px solid #EEE;
1391 padding-top: 10%;
1392 margin-top: 10%;
1393}
1394
1395.post-meta-bottom + .comments,
1396.post-meta-bottom + .comment-respond {
1397 border-top: none;
1398 padding-top: 0;
1399}
1400
1401.comments-title,
1402#reply-title,
1403.pingbacks-title {
1404 font-size: 1.75em;
1405 font-weight: 400;
1406 color: #2d2d2d;
1407}
1408
1409.comments-title { margin-bottom: 10%; }
1410
1411li.comment,
1412li > div.comment {
1413 margin-bottom: 25px;
1414 position: relative;
1415}
1416
1417li > div.comment {
1418 padding-bottom: 25px;
1419 border-bottom: 1px solid #EEE;
1420}
1421
1422.commentlist > li:first-child > div.comment:first-child { border-top: 1px solid #EEE; padding-top: 25px; }
1423
1424.children > li > div.comment { padding-left: 10%; }
1425.children .children > li > div.comment { padding-left: 20%; }
1426.children .children .children > li > div.comment { padding-left: 30%; }
1427.children .children .children .children > li > div.comment { padding-left: 40%; }
1428.children .children .children .children .children > li > div.comment { padding-left: 50%; }
1429
1430.comment .children li:last-child { margin-bottom: 0; }
1431
1432.commentlist > li.comment:last-child,
1433.commentlist > li.comment div.comment:last-child {
1434 margin-bottom: 0;
1435}
1436
1437
1438/* Pingback list --------------------------------------- */
1439
1440
1441.comments .pingbacks { margin-top: 5.5%; }
1442
1443.pingbacks-inner { margin: 0 auto; }
1444
1445.pingbacks-title { margin-bottom: 20px; }
1446
1447.pingbacklist li {
1448 padding: 0.5em;
1449 line-height: 130%;
1450}
1451
1452.pingbacklist a:hover { text-decoration: underline; }
1453
1454.pingbacklist li:nth-child(odd) { background: #f9f9f9; }
1455
1456.pingbacklist .comment-edit-link { color: #999; }
1457.pingbacklist .comment-edit-link:hover { color: #444; text-decoration: none; }
1458
1459
1460/* Comment meta --------------------------------------- */
1461
1462
1463.comment-meta { margin-bottom: 1em; }
1464
1465.comment-meta .avatar {
1466 display: block;
1467 height: 50px;
1468 width: 50px;
1469 border-radius: 999px;
1470 float: left;
1471}
1472
1473.comment-actions {
1474 font-size: 0.7em;
1475 text-transform: uppercase;
1476 letter-spacing: 1px;
1477 font-weight: 700;
1478}
1479
1480.comment-actions a { margin-left: 8px; }
1481.comment-actions a:first-child { margin-left: 0; }
1482
1483.comment-meta-content {
1484 margin-left: 70px;
1485 padding-top: 7px;
1486}
1487
1488.comment-meta-content cite {
1489 font-size: 1.075em;
1490 color: #444;
1491 margin-bottom: 5px;
1492 display: block;
1493 font-weight: 700;
1494}
1495
1496.bypostauthor .comment-meta-content cite .post-author {
1497 font-weight: 400;
1498 color: #999;
1499 margin-left: 3px;
1500 letter-spacing: 0;
1501}
1502
1503.comment-meta-content cite a { color: #444; }
1504.comment-meta-content cite a:hover { color: #1abc9c; }
1505
1506.comment-meta-content p {
1507 font-size: 0.8em;
1508 text-transform: uppercase;
1509}
1510
1511.comment-meta-content p a { color: #BBB; }
1512.comment-meta-content p a:hover { color: #1abc9c; }
1513
1514.comment-awaiting-moderation {
1515 position: absolute;
1516 right: 0;
1517 top: 4px;
1518 font-weight: bold;
1519 display: block;
1520 padding: 10px;
1521 background: #CCC;
1522 border-radius: 3px;
1523 font-size: 0.8rem;
1524 color: #FFF;
1525 text-transform: uppercase;
1526 letter-spacing: 1px;
1527}
1528
1529.comment-awaiting-moderation:hover { background: #2d2d2d; }
1530
1531
1532/* Comment nav below --------------------------------------- */
1533
1534
1535.comment-nav-below {
1536 margin-top: 10%;
1537 margin-bottom: -5%;
1538 border-top: 4px solid #EEE;
1539 padding-top: 5%;
1540 background: none;
1541 font-size: 0.85em;
1542 font-weight: 700;
1543 text-transform: uppercase;
1544 letter-spacing: 1px;
1545}
1546
1547.comment-nav-below a { color: #666; }
1548
1549
1550/* Comment content --------------------------------------- */
1551
1552
1553.comment-content {
1554 margin-left: 70px;
1555 font-size: 1em;
1556}
1557
1558.comment-content h1,
1559.comment-content h2,
1560.comment-content h3,
1561.comment-content h4,
1562.comment-content h5,
1563.comment-content h6 {
1564 font-size: 1.25em;
1565 font-weight: 500;
1566 margin-top: 50px;
1567 margin-bottom: 10px;
1568 text-transform: none;
1569}
1570
1571
1572/* Respond --------------------------------------- */
1573
1574
1575.comment-respond { border-top: 0; padding-top: 0; }
1576
1577.comments + .comment-respond {
1578 padding-top: 10%;
1579 border-top: 4px solid #EEE;
1580 margin-top: 10%;
1581}
1582
1583#reply-title { margin-bottom: 20px; }
1584
1585#respond a:hover { text-decoration: underline; }
1586
1587#respond .content-section-right {
1588 border-radius: 0 0 4px 4px;
1589 border-top: 1px solid #EEE;
1590 z-index: 12;
1591}
1592
1593.nocomments {
1594 margin-top: 10%;
1595 color: #666;
1596 text-align: center;
1597}
1598
1599#cancel-comment-reply-link {
1600 margin-left: 10px;
1601 font-size: 0.9rem;
1602 text-transform: uppercase;
1603 letter-spacing: 1px;
1604 font-weight: 700;
1605}
1606
1607#respond p,
1608#respond code {
1609 line-height: 150%;
1610}
1611
1612#respond code { border-radius: 2px; }
1613
1614.comment-form p { margin-bottom: 20px; }
1615.comment-form p:last-child { margin-bottom: 0; }
1616
1617.comment-form label {
1618 display: block;
1619 margin: 0 0 8px 0;
1620}
1621
1622.comment-form input[type="checkbox"] + label {
1623 display: inline;
1624 margin: 0 0 0 5px;
1625}
1626
1627p.comment-notes,
1628p.logged-in-as {
1629 margin-bottom: 10%;
1630 color: #666;
1631}
1632
1633.comment-form input[type="text"],
1634.comment-form input[type="email"],
1635.comment-form input.password,
1636.comment-form textarea {
1637 -webkit-appearance: none;
1638 border: none;
1639 background: #FAFAFA;
1640 font-size: 1em;
1641 color: #444;
1642 font-family: 'Lato', 'Helvetica Neue', sans-serif;
1643 border-radius: 3px;
1644 padding: 16px;
1645 margin: 0;
1646 width: 100%;
1647 border: 1px solid #EEE;
1648}
1649
1650.comment-form textarea { line-height: 160%; height: 250px; }
1651
1652.comment-form input[type="text"]:focus,
1653.comment-form input[type="email"]:focus,
1654.comment-form input.password:focus,
1655.comment-form textarea:focus {
1656 outline: none;
1657 background-color: #EEE;
1658 color: #444;
1659}
1660
1661.comment-form input { max-width: 75%; }
1662
1663.comment-form input[type="submit"] {
1664 width: auto;
1665 max-width: none;
1666 padding: 16px 18px;
1667 margin-bottom: 0;
1668 border: none;
1669 background: #1D1D1D;
1670 color: #FFF;
1671 font-family: 'Lato', sans-serif;
1672 font-size: 0.925rem;
1673 border-radius: 4px;
1674}
1675
1676.comment-form input[type="submit"]:hover {
1677 cursor: pointer;
1678 background: #1abc9c;
1679 color: #FFF;
1680}
1681
1682.comment-form input[type="submit"]:active {
1683 top: 1px;
1684 position: relative;
1685}
1686
1687p.form-allowed-tags {
1688 margin-top: 1.5em;
1689 line-height: 160%
1690}
1691
1692.comment-form p.form-submit { margin: 1.5em 0 0; }
1693
1694
1695/* In Commentlist */
1696
1697
1698.commentlist .comment-respond {
1699 margin: 25px 0;
1700 padding-bottom: 25px;
1701 border-bottom: 1px solid #eee;
1702}
1703
1704.commentlist .comment-reply-title { margin-bottom: 10px; }
1705
1706.commentlist p.comment-notes,
1707.commentlist p.logged-in-as {
1708 margin-bottom: 20px;
1709}
1710
1711
1712/* -------------------------------------------------------------------------------- */
1713/* 9. Pagination
1714/* -------------------------------------------------------------------------------- */
1715
1716
1717.page-title {
1718 margin-bottom: 7.5%;
1719 text-align: center;
1720}
1721
1722.page-title h4 {
1723 position: relative;
1724 display: inline-block;
1725 text-transform: uppercase;
1726 font-size: 0.9em;
1727 letter-spacing: 1px;
1728 font-weight: 700;
1729 color: #999;
1730 padding-bottom: 5px;
1731 border-bottom: 2px solid #EEE;
1732}
1733
1734
1735/* Archive nav --------------------------------------- */
1736
1737
1738.archive-nav { margin-top: 15%; }
1739
1740.archive-nav a {
1741 font-weight: 700;
1742 font-size: 0.9rem;
1743 text-transform: uppercase;
1744 letter-spacing: 1px;
1745}
1746
1747.archive-nav a:hover { color: #1abc9c; }
1748
1749.archive-nav .post-nav-older { float: left; }
1750.archive-nav .post-nav-newer { float: right; }
1751
1752
1753/* -------------------------------------------------------------------------------- */
1754/* 10. Page & Page Templates
1755/* -------------------------------------------------------------------------------- */
1756
1757
1758/* Search --------------------------------------- */
1759
1760
1761.post-content .searchform { position: relative; }
1762
1763.post-content .searchform input { height: 60px; }
1764
1765.post-content .searchform input#s {
1766 -webkit-appearance: none;
1767 width: 99%;
1768 padding: 18px 95px 18px 18px;
1769 background: #FFF;
1770 border: 1px solid #DDD;
1771 border-right: none;
1772 font-family: 'Lato', sans-serif;
1773 font-size: 1rem;
1774 border-radius: 3px 0 0 3px;
1775}
1776
1777.post-content .searchform #s:focus {
1778 outline: none;
1779 background: #EEE;
1780 color: #444;
1781}
1782
1783.post-content .searchform #searchsubmit {
1784 -webkit-appearance: none;
1785 position: absolute;
1786 right: 0;
1787 top: 0;
1788 width: 85px;
1789 line-height: 1;
1790 border: none;
1791 background: #1abc9c;
1792 border: 1px solid #1abc9c;
1793 color: #FFF;
1794 text-transform: uppercase;
1795 letter-spacing: 1px;
1796 font-size: 0.8rem;
1797 font-family: 'Lato', sans-serif;
1798 border-radius: 0 3px 3px 0;
1799}
1800
1801.post-content .searchform #searchsubmit:hover {
1802 cursor: pointer;
1803 background-color: #089D80;
1804 border-color: #089D80;
1805}
1806
1807
1808/* Archives template --------------------------------------- */
1809
1810
1811.archive-col { font-size: 0.9em; }
1812
1813.page-template-template-archives-php .post-content ul {
1814 margin-left: 0;
1815 list-style: none;
1816}
1817
1818.page-template-template-archives-php .post-content ul li { margin-bottom: 0; line-height: 130%; }
1819
1820.page-template-template-archives-php .post-content ul li a {
1821 display: block;
1822 border-bottom: 1px solid #EEE;
1823 padding: 8px 0;
1824}
1825
1826.page-template-template-archives-php .post-content ul li:last-child a { border-bottom: none; }
1827
1828.page-template-template-archives-php .post-content ul.children li:first-child a { border-bottom: 1px solid #EEE; }
1829
1830.page-template-template-archives-php .post-content ul li a span { color: #999; }
1831
1832.page-template-template-archives-php .post-content ul li a:hover {
1833 text-decoration: none;
1834 color: #666;
1835}
1836
1837.page-template-template-archives-php .post-content ul li a:hover {
1838 background-color: #F9F9F9;
1839 padding-left: 12px;
1840}
1841
1842
1843/* -------------------------------------------------------------------------------- */
1844/* 11. Sidebar
1845/* -------------------------------------------------------------------------------- */
1846
1847
1848.widget {
1849 padding-bottom: 15%;
1850 border-bottom: 4px solid #EEE;
1851 margin-bottom: 15%;
1852}
1853
1854.widget:last-child {
1855 padding-bottom: 0;
1856 border-bottom: 0;
1857 margin-bottom: 0;
1858}
1859
1860.widget-title {
1861 font-family: 'Raleway', sans-serif;
1862 font-size: 0.9rem;
1863 text-transform: uppercase;
1864 font-weight: 700;
1865 margin-bottom: 20px;
1866 color: #444;
1867}
1868
1869/* widget-content */
1870
1871.widget-content {
1872 color: #555;
1873 font-size: 1rem;
1874 line-height: 140%;
1875}
1876
1877.widget-content *:last-child { margin-bottom: 0; }
1878
1879.widget-content a:hover { text-decoration: underline }
1880
1881.widget-content p {
1882 line-height: 150%;
1883 margin-bottom: 1em;
1884}
1885
1886.widget-content ul li {
1887 padding: 10px 0;
1888 border-top: 1px solid #EEE;
1889 line-height: 130%;
1890}
1891
1892.widget-content li ul > li:first-child { margin-top: 10px; }
1893.widget-content .page_item_has_children { padding-bottom: 0; }
1894
1895.widget-content li ul li { padding-left: 15px; }
1896
1897.widget-content ul li .post-date { margin-left: 5px; color: #999; }
1898
1899.widget-content > ul > li:first-child { border-top: 0; }
1900
1901
1902/* Widget search --------------------------------------- */
1903
1904
1905.widget_search form { position: relative; }
1906
1907.widget_search input { height: 52px; }
1908
1909.widget_search input#s {
1910 -webkit-appearance: none;
1911 width: 99%;
1912 padding: 18px 95px 18px 18px;
1913 background: #FFF;
1914 border: 1px solid #DDD;
1915 border-right: none;
1916 font-family: 'Lato', sans-serif;
1917 font-size: 1rem;
1918 border-radius: 3px 0 0 3px;
1919}
1920
1921.widget_search #s:focus {
1922 outline: none;
1923 background: #EEE;
1924 color: #444;
1925}
1926
1927.widget_search #searchsubmit {
1928 -webkit-appearance: none;
1929 position: absolute;
1930 right: 0;
1931 top: 0;
1932 width: 85px;
1933 line-height: 1;
1934 border: none;
1935 background: #1abc9c;
1936 border: 1px solid #1abc9c;
1937 color: #FFF;
1938 text-transform: uppercase;
1939 letter-spacing: 1px;
1940 font-size: 0.8rem;
1941 font-family: 'Lato', sans-serif;
1942 border-radius: 0 3px 3px 0;
1943}
1944
1945.widget_search #searchsubmit:hover {
1946 cursor: pointer;
1947 background-color: #089D80;
1948 border-color: #089D80;
1949}
1950
1951
1952/* Widget calendar --------------------------------------- */
1953
1954
1955#wp-calendar {
1956 color: #888;
1957 width: 100%;
1958 max-width: 100%;
1959 text-align: center;
1960 font-size: 0.9em;
1961}
1962
1963#wp-calendar a { color: #1abc9c; }
1964
1965#wp-calendar,
1966#wp-calendar caption,
1967#wp-calendar tr,
1968#wp-calendar td,
1969#wp-calendar th {
1970 text-align: center;
1971}
1972
1973#wp-calendar caption,
1974#wp-calendar th,
1975#wp-calendar td {
1976 padding: 4% 2%;
1977}
1978
1979#wp-calendar caption,
1980#wp-calendar thead {
1981 color: #666;
1982 border-bottom: 1px solid #EEE;
1983}
1984
1985#wp-calendar caption { text-transform: capitalize; }
1986
1987#wp-calendar thead th {
1988 font-weight: bold;
1989 text-transform: uppercase;
1990 font-size: 0.9em;
1991}
1992
1993#wp-calendar tfoot { border-top: 1px solid #EEE; }
1994#wp-calendar tfoot td { padding: 0; }
1995#wp-calendar tfoot #prev { text-align: left; }
1996#wp-calendar tfoot #next { text-align: right; }
1997
1998#wp-calendar tfoot a {
1999 display: block;
2000 color: #999;
2001 padding: 0.6em;
2002}
2003
2004#wp-calendar tfoot a:hover {
2005 text-decoration: none;
2006 color: #1abc9c;
2007 background: rgba(255, 255, 255, .05);
2008}
2009
2010
2011/* Widget tag cloud --------------------------------------- */
2012
2013
2014.widget_tag_cloud .tagcloud a { font-size: 0.9em !important; }
2015
2016.tagcloud a {
2017 display: block;
2018 float: left;
2019 padding: 8px 11px;
2020 line-height: 1;
2021 margin: 0 5px 5px 0;
2022 background: #BBB;
2023 color: #FFF;
2024 border-radius: 3px;
2025}
2026
2027.tagcloud a:hover {
2028 background: #1abc9c;
2029 text-decoration: none;
2030 color: #FFF;
2031}
2032
2033
2034/* Widget Flickr --------------------------------------- */
2035
2036
2037.flickr_badge_image {
2038 width: 30%;
2039 margin-bottom: 5%;
2040 margin-left: 5%;
2041 overflow: hidden;
2042 float: left;
2043 line-height: 0;
2044}
2045
2046#flickr_badge_image1,
2047#flickr_badge_image4,
2048#flickr_badge_image7,
2049#flickr_badge_image10,
2050#flickr_badge_image13,
2051#flickr_badge_image16,
2052#flickr_badge_image19,
2053#flickr_badge_image22,
2054#flickr_badge_image25 {
2055 margin-left: 0;
2056}
2057
2058.flickr_badge_image img {
2059 display: block;
2060 padding: 5px;
2061 background: #EEE;
2062}
2063
2064.flickr_badge_image a:hover img { background: #1abc9c; }
2065
2066.widgetmore a {
2067 display: block;
2068 clear: both;
2069 padding: 0.5em 0;
2070}
2071
2072
2073/* Widget Dribbble --------------------------------------- */
2074
2075
2076.dribbble-shot {
2077 display: block;
2078 width: 47.5%;
2079 margin-bottom: 5%;
2080 margin-right: 5%;
2081 overflow: hidden;
2082 float: left;
2083 line-height: 0;
2084}
2085
2086.dribbble-shot:nth-child(2n) { margin-right: 0; }
2087
2088.dribbble-shot img {
2089 display: block;
2090 padding: 5px;
2091 background: #EEE;
2092}
2093
2094.dribbble-shot:hover img { background: #1abc9c; }
2095
2096
2097/* -------------------------------------------------------------------------------- */
2098/* 12. Footer
2099/* -------------------------------------------------------------------------------- */
2100
2101
2102.footer {
2103 font-size: 0.9em;
2104 margin-top: 7.5%;
2105}
2106
2107.column {
2108 width: 30%;
2109 margin-left: 5%;
2110}
2111
2112.column:first-child { margin-left: 0; }
2113
2114
2115/* Footer widgets --------------------------------------- */
2116
2117
2118.footer .widget {
2119 border-bottom-color: rgba(255,255,255,0.1)
2120}
2121
2122.footer .widget-title {
2123 color: #EEE;
2124 font-weight: 600;
2125 letter-spacing: 1px;
2126}
2127
2128.footer .widget-content {
2129 color: #858585;
2130}
2131
2132.footer .widget-content ul li {
2133 border-top-color: rgba(255,255,255,0.1);
2134}
2135
2136.footer .widget-content > ul > li:first-child {
2137 border-top: none;
2138}
2139
2140
2141/* Widget search --------------------------------------- */
2142
2143
2144.footer .widget_search #s:focus {
2145 outline: none;
2146 background: #FFF;
2147 border-color: #DDD;
2148 color: #444;
2149}
2150
2151
2152/* Widget calendar --------------------------------------- */
2153
2154
2155#wp-calendar caption,
2156#wp-calendar thead { border-bottom-color: rgba(255,255,255,0.1); }
2157#wp-calendar tfoot { border-top-color: rgba(255,255,255,0.1); }
2158
2159
2160.footer .flickr_badge_image img,
2161.footer .dribbble-shot img { background: rgba(255,255,255,0.1); }
2162
2163.footer .flickr_badge_image a:hover img,
2164.footer .dribbble-shot:hover img { background: #1abc9c; }
2165
2166
2167/* Widget tag cloud --------------------------------------- */
2168
2169
2170.footer .tagcloud a { background-color: rgba(255,255,255,0.1); color: #FFF; }
2171.footer .tagcloud a:hover { background-color: #1abc9c; color: #FFF; }
2172
2173
2174/* -------------------------------------------------------------------------------- */
2175/* 13. Credits
2176/* -------------------------------------------------------------------------------- */
2177
2178
2179.credits.no-padding { font-size: 0.8rem; }
2180
2181.credits-inner {
2182 padding: 25px 0 4%;
2183 border-top: 2px solid rgba(255,255,255,0.1);
2184 text-transform: uppercase;
2185 letter-spacing: 1px;
2186}
2187
2188.credits,
2189.credits a {
2190 color: #858585;
2191}
2192
2193.credits-left { float: left; }
2194.credits-right { float: right; }
2195
2196.tothetop:hover { cursor: pointer; }
2197
2198img#wpstats { display: none; }
2199
2200
2201/* -------------------------------------------------------------------------------- */
2202/* 14. Responsive
2203/* -------------------------------------------------------------------------------- */
2204
2205
2206@media ( max-width: 1040px ) {
2207
2208
2209 body { font-size: 16px; }
2210
2211 /* Structure --------------------------------------- */
2212
2213 .wrapper { margin-top: 7.5%; }
2214
2215 /* Post Content --------------------------------------- */
2216
2217 .post-content {
2218 font-size: 17px;
2219 }
2220
2221
2222}
2223
2224@media ( max-width: 800px ) {
2225
2226 body { font-size: 18px; }
2227
2228 /* Structure --------------------------------------- */
2229
2230 .content,
2231 .sidebar {
2232 width: 100%;
2233 float: none;
2234 }
2235
2236 .sidebar { display: none; }
2237
2238 .section.large-padding,
2239 .section.medium-padding { padding: 40px 0; }
2240
2241 .footer { margin-top: 60px; }
2242
2243
2244 /* Navigation --------------------------------------- */
2245
2246 .navigation-inner { max-width: 100%; }
2247
2248 .blog-menu { display: none; }
2249
2250 .toggle-container {
2251 display: block;
2252 background: #1D1D1D;
2253 }
2254
2255 .toggle {
2256 display: inline-block;
2257 position: relative;
2258 height: 57px;
2259 width: 32px;
2260 padding: 20px 0px;
2261 }
2262
2263 .toggle:hover { cursor: pointer; }
2264
2265 .nav-toggle { float: left; margin-left: 7%; }
2266 .search-toggle { float: right; margin-right: 7%; }
2267
2268 .nav-toggle:hover { cursor: pointer; }
2269
2270 .nav-toggle .bar {
2271 display: block;
2272 width: 24px;
2273 height: 3px;
2274 margin-top: 4px;
2275 background: #666;
2276 }
2277
2278 .nav-toggle .bar:first-child { margin-top: 0; }
2279
2280 .nav-toggle.active .bar { background-color: #FFF; }
2281
2282 .search-toggle .metal,
2283 .search-toggle .glass,
2284 .search-toggle .handle {
2285 position: absolute;
2286 }
2287
2288 .search-toggle .metal {
2289 width: 24px;
2290 height: 24px;
2291 top: 14px;
2292 left: 6px;
2293 border-radius: 999px;
2294 background: #555;
2295 }
2296
2297 .search-toggle .glass {
2298 width: 14px;
2299 height: 14px;
2300 top: 19px;
2301 left: 11px;
2302 border-radius: 999px;
2303 background: #1D1D1D;
2304 }
2305
2306 .search-toggle .handle {
2307 height: 5px;
2308 width: 14px;
2309 top: 36px;
2310 left: 0px;
2311 background: #555;
2312 border-radius: 2px 0 0 2px;
2313 transform: rotate( -45deg );
2314 }
2315
2316 .search-toggle.active .metal,
2317 .search-toggle.active .handle { background: #FFF; }
2318
2319 .blog-search,
2320 .navigation { background: #282828; }
2321
2322 .mobile-menu a {
2323 display: block;
2324 padding: 24px;
2325 font-size: 12px;
2326 border-bottom: 1px solid rgba(255,255,255,0.1);
2327 background: #282828;
2328 display: block;
2329 text-transform: uppercase;
2330 letter-spacing: 1px;
2331 color: rgba(255,255,255,0.4);
2332 font-size: 13px;
2333 }
2334
2335 .mobile-menu a:hover,
2336 .mobile-menu .current-menu-item a { color: #FFF; }
2337
2338 .mobile-menu ul a { width: 100%; }
2339
2340 .mobile-menu ul a { padding-left: 40px; }
2341 .mobile-menu ul ul a { padding-left: 60px; }
2342 .mobile-menu ul ul ul a { padding-left: 80px; }
2343 .mobile-menu ul ul ul ul a { padding-left: 100px; }
2344 .mobile-menu ul ul ul ul ul a { padding-left: 120px; }
2345
2346 .blog-search { padding: 8%; }
2347
2348 .blog-search .searchform {
2349 position: relative;
2350 overflow: hidden;
2351 }
2352
2353 .blog-search #s {
2354 width: 97.5%;
2355 padding: 18px 100px 18px 20px;
2356 background: #FFF;
2357 font-family: 'Lato', sans-serif;
2358 font-size: 1em;
2359 color: #444;
2360 border: none;
2361 border-radius: 4px 0 0 4px;
2362 margin: 0;
2363 }
2364
2365 .blog-search #s:focus { outline: none; }
2366
2367 .blog-search #searchsubmit {
2368 -webkit-appearance: none;
2369 position: absolute;
2370 right: 0;
2371 top: 0;
2372 width: 85px;
2373 padding: 20px 0;
2374 line-height: 1;
2375 border: none;
2376 margin: 0;
2377 background: #1abc9c;
2378 border: 1px solid #1abc9c;
2379 color: #FFF;
2380 text-transform: uppercase;
2381 letter-spacing: 1px;
2382 font-size: 0.8rem;
2383 font-family: 'Lato', sans-serif;
2384 border-radius: 0 4px 4px 0;
2385 }
2386
2387 .blog-search #searchsubmit:hover {
2388 cursor: pointer;
2389 background-color: #089D80;
2390 border-color: #089D80;
2391 }
2392
2393
2394 /* Post Content --------------------------------------- */
2395
2396 .post-content {
2397 font-size: 19px;
2398 }
2399
2400 .post-content .alignfull,
2401 .wp-block-cover-image {
2402 margin: 2.5em 0;
2403 max-width: 100vw;
2404 position: relative;
2405 left: calc( 50% - 50vw );
2406 width: 100vw;
2407 }
2408
2409 .wp-block-image.alignfull img {
2410 border: none;
2411 padding: 0;
2412 }
2413
2414 .post-content .alignwide {
2415 margin-left: 0;
2416 position: relative;
2417 left: calc( 50% - 50vw + 20px );
2418 width: calc( 100vw - 40px );
2419 }
2420
2421 /* Pagination --------------------------------------- */
2422
2423 .archive-nav { margin-top: 60px; }
2424
2425
2426}
2427
2428@media ( max-width: 700px ) {
2429
2430 body { font-size: 16px; }
2431
2432 /* Header --------------------------------------- */
2433
2434 .header.section { padding: 60px 0; }
2435
2436 .blog-info { padding: 20px; }
2437 .blog-description:before { margin: 15px auto; }
2438
2439 /* Main content --------------------------------------- */
2440
2441 .post {
2442 padding-bottom: 35px;
2443 margin-bottom: 35px;
2444 }
2445
2446 .post:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }
2447
2448 .featured-media { margin-bottom: 25px; }
2449
2450 .post-header { margin-bottom: 25px; }
2451
2452 .post-title { margin-bottom: 12px; }
2453
2454 .post-meta-bottom { margin-top: 40px; }
2455
2456 /* Post Content --------------------------------------- */
2457
2458 .post-content {
2459 font-size: 17px;
2460 }
2461
2462 .post-content h1,
2463 .post-content h2,
2464 .post-content h3,
2465 .post-content h4,
2466 .post-content h5,
2467 .post-content h6 {
2468 margin-top: 30px;
2469 margin-bottom: 10px;
2470 }
2471
2472 /* Comments --------------------------------------- */
2473
2474 .comments { padding-top: 30px; margin-top: 30px; }
2475
2476 .comments-title, #reply-title { font-size: 1.5em; }
2477 .comments-title { margin-bottom: 30px; }
2478
2479 .comment-meta-content { padding-top: 9px; }
2480
2481 .comment-actions { margin-top: 10px; }
2482
2483 .comment-meta .comment-actions { display: none; }
2484
2485 .comment-content .comment-actions {
2486 display: block;
2487 position: relative;
2488 top: auto;
2489 right: auto;
2490 margin-top: 1em;
2491 }
2492
2493 .comment-content h1,
2494 .comment-content h2,
2495 .comment-content h3,
2496 .comment-content h4,
2497 .comment-content h5,
2498 .comment-content h6 {
2499 margin-top: 30px;
2500 margin-bottom: 10px;
2501 }
2502
2503 /* Respond --------------------------------------- */
2504
2505 .comment-respond { margin-top: 30px; }
2506
2507 #reply-title { margin-bottom: 10px; }
2508
2509 .comment-form input { max-width: 100%; }
2510
2511 .comment-form p { margin-bottom: 15px; }
2512
2513 p.comment-notes,
2514 p.logged-in-as {
2515 margin-bottom: 30px;
2516 }
2517
2518 .comment-form textarea { height: 180px; }
2519
2520 /* Footer --------------------------------------- */
2521
2522 .footer { margin-top: 60px; }
2523
2524 .footer .column {
2525 width: 100%;
2526 margin-left: 0;
2527 padding-top: 40px;
2528 border-top: 4px solid rgba(255,255,255,0.1);
2529 margin-top: 40px;
2530 }
2531
2532 .footer .column:first-child { margin-top: 0; border-top: 0; padding-top: 0; }
2533
2534 .widget {
2535 margin-bottom: 40px;
2536 border-bottom: 4px solid rgba(255,255,255,0.1);
2537 padding-bottom: 40px;
2538 }
2539
2540 /* Credits --------------------------------------- */
2541
2542 .credits.section { border-top: 1px solid rgba(255,255,255,0.1); }
2543
2544 .credits-inner {
2545 padding: 30px 0;
2546 border-top: 0;
2547 text-align: center;
2548 }
2549
2550 .credits p { float: none; display: inline; }
2551
2552 .credits .right,
2553 .credits span { display: none; }
2554
2555}
2556
2557@media ( max-width: 500px ) {
2558
2559
2560 body { font-size: 15px; }
2561
2562 /* Header --------------------------------------- */
2563
2564 .header.section { padding: 30px 0; }
2565
2566 /* Post --------------------------------------- */
2567
2568 .post-title { font-size: 1.75em; }
2569
2570 .post-author { display: none; }
2571 .post-header .date-sep:nth-of-type(2) { display: none; }
2572
2573 .media-caption-container {
2574 position: static;
2575 top: auto;
2576 left: auto;
2577 width: 100%;
2578 margin: -3px 0 0 0;
2579 }
2580
2581 .media-caption {
2582 padding: 10px;
2583 border-radius: 0 0 4px 4px;
2584 background: #EEE;
2585 color: #666;
2586 width: 100%;
2587 }
2588
2589 .media-caption:hover { background: #EEE; color: #666; }
2590
2591
2592 /* Single post --------------------------------------- */
2593
2594 .post-cat-tags p { display: block; }
2595 .post-cat-tags p:last-child { margin-left: 0; margin-top: 10px; }
2596
2597 .single .post-nav { padding: 0; font-size: 1em; }
2598
2599 .single .post-nav a,
2600 .single .post-nav .post-nav-newer {
2601 max-width: 100%;
2602 float: none;
2603 text-align: left;
2604 padding: 20px 0;
2605 }
2606
2607 .single .post-nav .post-nav-newer { border-top: 1px solid #EEE; }
2608 .single .post-nav .post-nav-newer h5 { text-align: left; }
2609
2610
2611 /* Post Formats --------------------------------------- */
2612
2613 .blog .format-quote .post-content,
2614 .archive .format-quote .post-content,
2615 .search .format-quote .post-content {
2616 padding: 20px;
2617 }
2618
2619 .blog .format-quote .post-content blockquote,
2620 .archive .format-quote .post-content blockquote,
2621 .search .format-quote .post-content blockquote {
2622 font-size: 1em;
2623 }
2624
2625 .blog .format-quote .post-content blockquote cite,
2626 .archive .format-quote .post-content blockquote cite,
2627 .search .format-quote .post-content blockquote cite {
2628 font-size: 0.75rem;
2629 }
2630
2631
2632 /* Post Content --------------------------------------- */
2633
2634 .post-content {
2635 font-size: 16px;
2636 }
2637
2638 .post-content .alignleft,
2639 .post-content .alignright {
2640 float: none;
2641 max-width: 100%;
2642 margin: 0 auto 1.2em auto;
2643 }
2644
2645 .post-content .alignleft img,
2646 .post-content .alignright img {
2647 display: block;
2648 margin: 0 auto;
2649 }
2650
2651 /* Comments --------------------------------------- */
2652
2653 .comment-meta-content { margin-left: 65px; }
2654
2655 .comment-content { margin-left: 0; }
2656
2657 /* Pagination --------------------------------------- */
2658
2659 .archive-nav { margin-top: 40px; }
2660
2661 .archive-nav a { font-size: 0.8rem; }
2662
2663 .post-nav span,
2664 .archive-nav span,
2665 .comment-nav-below span { display: none; }
2666
2667 /* Footer --------------------------------------- */
2668
2669 .footer { margin-top: 40px; }
2670
2671
2672} \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-03 04:32:47 +0000