projects / editorial.git / blob
? search:


0366d53c49d27498b1c5b736f7952eb81adfca55
[editorial.git] / assets / main / css / main.css
1 @import url(font-awesome.min.css);
2 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
3
4 /*
5 Editorial by HTML5 UP
6 html5up.net | @ajlkn
7 Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
8 */
9
10 html, body, div, span, applet, object,
11 iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
12 pre, a, abbr, acronym, address, big, cite,
13 code, del, dfn, em, img, ins, kbd, q, s, samp,
14 small, strike, strong, sub, sup, tt, var, b,
15 u, i, center, dl, dt, dd, ol, ul, li, fieldset,
16 form, label, legend, table, caption, tbody,
17 tfoot, thead, tr, th, td, article, aside,
18 canvas, details, embed, figure, figcaption,
19 footer, header, hgroup, menu, nav, output, ruby,
20 section, summary, time, mark, audio, video {
21 margin: 0;
22 padding: 0;
23 border: 0;
24 font-size: 100%;
25 font: inherit;
26 vertical-align: baseline;}
27
28 article, aside, details, figcaption, figure,
29 footer, header, hgroup, menu, nav, section {
30 display: block;}
31
32 body {
33 line-height: 1;
34 }
35
36 ol, ul {
37 list-style: none;
38 }
39
40 blockquote, q {
41 quotes: none;
42 }
43
44 blockquote:before, blockquote:after, q:before, q:after {
45 content: '';
46 content: none;
47 }
48
49 table {
50 border-collapse: collapse;
51 border-spacing: 0;
52 }
53
54 body {
55 -webkit-text-size-adjust: none;
56 }
57
58 mark {
59 background-color: transparent;
60 color: inherit;
61 }
62
63 input::-moz-focus-inner {
64 border: 0;
65 padding: 0;
66 }
67
68 input, select, textarea {
69 -moz-appearance: none;
70 -webkit-appearance: none;
71 -ms-appearance: none;
72 appearance: none;
73 }
74
75 /* Basic */
76
77 @-ms-viewport {
78 width: device-width;
79 }
80
81 body {
82 -ms-overflow-style: scrollbar;
83 }
84
85 @media screen and (max-width: 480px) {
86
87 html, body {
88 min-width: 320px;
89 }
90
91 }
92
93 html {
94 box-sizing: border-box;
95 }
96
97 *, *:before, *:after {
98 box-sizing: inherit;
99 }
100
101 body {
102 background: #ffffff;
103 }
104
105 body.is-preload *, body.is-preload *:before, body.is-preload *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after {
106 -moz-animation: none !important;
107 -webkit-animation: none !important;
108 -ms-animation: none !important;
109 animation: none !important;
110 -moz-transition: none !important;
111 -webkit-transition: none !important;
112 -ms-transition: none !important;
113 transition: none !important;
114 }
115
116 /* Type */
117
118 body, input, select, textarea {
119 color: #7f888f;
120 font-family: "Open Sans", sans-serif;
121 font-size: 13pt;
122 font-weight: 400;
123 line-height: 1.65;
124 }
125
126 @media screen and (max-width: 1680px) {
127
128 body, input, select, textarea {
129 font-size: 11pt;
130 }
131
132 }
133
134 @media screen and (max-width: 1280px) {
135
136 body, input, select, textarea {
137 font-size: 10pt;
138 }
139
140 }
141
142 @media screen and (max-width: 360px) {
143
144 body, input, select, textarea {
145 font-size: 9pt;
146 }
147
148 }
149
150 a {
151 -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
152 -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
153 -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
154 transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
155 border-bottom: dotted 1px;
156 color: #f56a6a;
157 text-decoration: none;
158 }
159
160 a:hover {
161 border-bottom-color: #f56a6a;
162 color: #f56a6a !important;
163 }
164
165 a:hover strong {
166 color: inherit;
167 }
168
169 strong, b {
170 color: #3d4449;
171 font-weight: 600;
172 }
173
174 em, i {
175 font-style: italic;
176 }
177
178 p {
179 margin: 0 0 2em 0;
180 }
181
182 h1, h2, h3, h4, h5, h6 {
183 color: #3d4449;
184 font-family: "Roboto Slab", serif;
185 font-weight: 700;
186 line-height: 1.5;
187 margin: 0 0 1em 0;
188 }
189
190 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
191 color: inherit;
192 text-decoration: none;
193 border-bottom: 0;
194 }
195
196 h1 {
197 font-size: 4em;
198 margin: 0 0 0.5em 0;
199 line-height: 1.3;
200 }
201
202 h2 {
203 font-size: 1.75em;
204 }
205
206 h3 {
207 font-size: 1.25em;
208 }
209
210 h4 {
211 font-size: 1.1em;
212 }
213
214 h5 {
215 font-size: 0.9em;
216 }
217
218 h6 {
219 font-size: 0.7em;
220 }
221
222 @media screen and (max-width: 1680px) {
223
224 h1 {
225 font-size: 3.5em;
226 }
227
228 }
229
230 @media screen and (max-width: 980px) {
231
232 h1 {
233 font-size: 3.25em;
234 }
235
236 }
237
238 @media screen and (max-width: 736px) {
239
240 h1 {
241 font-size: 2em;
242 line-height: 1.4;
243 }
244
245 h2 {
246 font-size: 1.5em;
247 }
248
249 }
250
251 sub {
252 font-size: 0.8em;
253 position: relative;
254 top: 0.5em;
255 }
256
257 sup {
258 font-size: 0.8em;
259 position: relative;
260 top: -0.5em;
261 }
262
263 blockquote {
264 border-left: solid 3px rgba(210, 215, 217, 0.75);
265 font-style: italic;
266 margin: 0 0 2em 0;
267 padding: 0.5em 0 0.5em 2em;
268 }
269
270 code {
271 background: rgba(230, 235, 237, 0.25);
272 border-radius: 0.375em;
273 border: solid 1px rgba(210, 215, 217, 0.75);
274 font-family: "Courier New", monospace;
275 font-size: 0.9em;
276 margin: 0 0.25em;
277 padding: 0.25em 0.65em;
278 }
279
280 pre {
281 -webkit-overflow-scrolling: touch;
282 font-family: "Courier New", monospace;
283 font-size: 0.9em;
284 margin: 0 0 2em 0;
285 }
286
287 pre code {
288 display: block;
289 line-height: 1.75;
290 padding: 1em 1.5em;
291 overflow-x: auto;
292 }
293
294 hr {
295 border: 0;
296 border-bottom: solid 1px rgba(210, 215, 217, 0.75);
297 margin: 2em 0;
298 }
299
300 hr.major {
301 margin: 3em 0;
302 }
303
304 .align-left {
305 text-align: left;
306 }
307
308 .align-center {
309 text-align: center;
310 }
311
312 .align-right {
313 text-align: right;
314 }
315
316 /* Row */
317
318 .row {
319 display: flex;
320 flex-wrap: wrap;
321 box-sizing: border-box;
322 align-items: stretch;
323 }
324
325 .row > * {
326 box-sizing: border-box;
327 }
328
329 .row.gtr-uniform > * > :last-child {
330 margin-bottom: 0;
331 }
332
333 .row.aln-left {
334 justify-content: flex-start;
335 }
336
337 .row.aln-center {
338 justify-content: center;
339 }
340
341 .row.aln-right {
342 justify-content: flex-end;
343 }
344
345 .row.aln-top {
346 align-items: flex-start;
347 }
348
349 .row.aln-middle {
350 align-items: center;
351 }
352
353 .row.aln-bottom {
354 align-items: flex-end;
355 }
356
357 .row > .imp {
358 order: -1;
359 }
360
361 .row > .col-1 {
362 width: 8.3333333333%;
363 }
364
365 .row > .off-1 {
366 margin-left: 8.3333333333%;
367 }
368
369 .row > .col-2 {
370 width: 16.6666666667%;
371 }
372
373 .row > .off-2 {
374 margin-left: 16.6666666667%;
375 }
376
377 .row > .col-3 {
378 width: 25%;
379 }
380
381 .row > .off-3 {
382 margin-left: 25%;
383 }
384
385 .row > .col-4 {
386 width: 33.3333333333%;
387 }
388
389 .row > .off-4 {
390 margin-left: 33.3333333333%;
391 }
392
393 .row > .col-5 {
394 width: 41.6666666667%;
395 }
396
397 .row > .off-5 {
398 margin-left: 41.6666666667%;
399 }
400
401 .row > .col-6 {
402 width: 50%;
403 }
404
405 .row > .off-6 {
406 margin-left: 50%;
407 }
408
409 .row > .col-7 {
410 width: 58.3333333333%;
411 }
412
413 .row > .off-7 {
414 margin-left: 58.3333333333%;
415 }
416
417 .row > .col-8 {
418 width: 66.6666666667%;
419 }
420
421 .row > .off-8 {
422 margin-left: 66.6666666667%;
423 }
424
425 .row > .col-9 {
426 width: 75%;
427 }
428
429 .row > .off-9 {
430 margin-left: 75%;
431 }
432
433 .row > .col-10 {
434 width: 83.3333333333%;
435 }
436
437 .row > .off-10 {
438 margin-left: 83.3333333333%;
439 }
440
441 .row > .col-11 {
442 width: 91.6666666667%;
443 }
444
445 .row > .off-11 {
446 margin-left: 91.6666666667%;
447 }
448
449 .row > .col-12 {
450 width: 100%;
451 }
452
453 .row > .off-12 {
454 margin-left: 100%;
455 }
456
457 .row.gtr-0 {
458 margin-top: 0;
459 margin-left: 0em;
460 }
461
462 .row.gtr-0 > * {
463 padding: 0 0 0 0em;
464 }
465
466 .row.gtr-0.gtr-uniform {
467 margin-top: 0em;
468 }
469
470 .row.gtr-0.gtr-uniform > * {
471 padding-top: 0em;
472 }
473
474 .row.gtr-25 {
475 margin-top: 0;
476 margin-left: -0.375em;
477 }
478
479 .row.gtr-25 > * {
480 padding: 0 0 0 0.375em;
481 }
482
483 .row.gtr-25.gtr-uniform {
484 margin-top: -0.375em;
485 }
486
487 .row.gtr-25.gtr-uniform > * {
488 padding-top: 0.375em;
489 }
490
491 .row.gtr-50 {
492 margin-top: 0;
493 margin-left: -0.75em;
494 }
495
496 .row.gtr-50 > * {
497 padding: 0 0 0 0.75em;
498 }
499
500 .row.gtr-50.gtr-uniform {
501 margin-top: -0.75em;
502 }
503
504 .row.gtr-50.gtr-uniform > * {
505 padding-top: 0.75em;
506 }
507
508 .row {
509 margin-top: 0;
510 margin-left: -1.5em;
511 }
512
513 .row > * {
514 padding: 0 0 0 1.5em;
515 }
516
517 .row.gtr-uniform {
518 margin-top: -1.5em;
519 }
520
521 .row.gtr-uniform > * {
522 padding-top: 1.5em;
523 }
524
525 .row.gtr-150 {
526 margin-top: 0;
527 margin-left: -2.25em;
528 }
529
530 .row.gtr-150 > * {
531 padding: 0 0 0 2.25em;
532 }
533
534 .row.gtr-150.gtr-uniform {
535 margin-top: -2.25em;
536 }
537
538 .row.gtr-150.gtr-uniform > * {
539 padding-top: 2.25em;
540 }
541
542 .row.gtr-200 {
543 margin-top: 0;
544 margin-left: -3em;
545 }
546
547 .row.gtr-200 > * {
548 padding: 0 0 0 3em;
549 }
550
551 .row.gtr-200.gtr-uniform {
552 margin-top: -3em;
553 }
554
555 .row.gtr-200.gtr-uniform > * {
556 padding-top: 3em;
557 }
558
559 @media screen and (max-width: 1680px) {
560
561 .row {
562 display: flex;
563 flex-wrap: wrap;
564 box-sizing: border-box;
565 align-items: stretch;
566 }
567
568 .row > * {
569 box-sizing: border-box;
570 }
571
572 .row.gtr-uniform > * > :last-child {
573 margin-bottom: 0;
574 }
575
576 .row.aln-left {
577 justify-content: flex-start;
578 }
579
580 .row.aln-center {
581 justify-content: center;
582 }
583
584 .row.aln-right {
585 justify-content: flex-end;
586 }
587
588 .row.aln-top {
589 align-items: flex-start;
590 }
591
592 .row.aln-middle {
593 align-items: center;
594 }
595
596 .row.aln-bottom {
597 align-items: flex-end;
598 }
599
600 .row > .imp-xlarge {
601 order: -1;
602 }
603
604 .row > .col-1-xlarge {
605 width: 8.3333333333%;
606 }
607
608 .row > .off-1-xlarge {
609 margin-left: 8.3333333333%;
610 }
611
612 .row > .col-2-xlarge {
613 width: 16.6666666667%;
614 }
615
616 .row > .off-2-xlarge {
617 margin-left: 16.6666666667%;
618 }
619
620 .row > .col-3-xlarge {
621 width: 25%;
622 }
623
624 .row > .off-3-xlarge {
625 margin-left: 25%;
626 }
627
628 .row > .col-4-xlarge {
629 width: 33.3333333333%;
630 }
631
632 .row > .off-4-xlarge {
633 margin-left: 33.3333333333%;
634 }
635
636 .row > .col-5-xlarge {
637 width: 41.6666666667%;
638 }
639
640 .row > .off-5-xlarge {
641 margin-left: 41.6666666667%;
642 }
643
644 .row > .col-6-xlarge {
645 width: 50%;
646 }
647
648 .row > .off-6-xlarge {
649 margin-left: 50%;
650 }
651
652 .row > .col-7-xlarge {
653 width: 58.3333333333%;
654 }
655
656 .row > .off-7-xlarge {
657 margin-left: 58.3333333333%;
658 }
659
660 .row > .col-8-xlarge {
661 width: 66.6666666667%;
662 }
663
664 .row > .off-8-xlarge {
665 margin-left: 66.6666666667%;
666 }
667
668 .row > .col-9-xlarge {
669 width: 75%;
670 }
671
672 .row > .off-9-xlarge {
673 margin-left: 75%;
674 }
675
676 .row > .col-10-xlarge {
677 width: 83.3333333333%;
678 }
679
680 .row > .off-10-xlarge {
681 margin-left: 83.3333333333%;
682 }
683
684 .row > .col-11-xlarge {
685 width: 91.6666666667%;
686 }
687
688 .row > .off-11-xlarge {
689 margin-left: 91.6666666667%;
690 }
691
692 .row > .col-12-xlarge {
693 width: 100%;
694 }
695
696 .row > .off-12-xlarge {
697 margin-left: 100%;
698 }
699
700 .row.gtr-0 {
701 margin-top: 0;
702 margin-left: 0em;
703 }
704
705 .row.gtr-0 > * {
706 padding: 0 0 0 0em;
707 }
708
709 .row.gtr-0.gtr-uniform {
710 margin-top: 0em;
711 }
712
713 .row.gtr-0.gtr-uniform > * {
714 padding-top: 0em;
715 }
716
717 .row.gtr-25 {
718 margin-top: 0;
719 margin-left: -0.375em;
720 }
721
722 .row.gtr-25 > * {
723 padding: 0 0 0 0.375em;
724 }
725
726 .row.gtr-25.gtr-uniform {
727 margin-top: -0.375em;
728 }
729
730 .row.gtr-25.gtr-uniform > * {
731 padding-top: 0.375em;
732 }
733
734 .row.gtr-50 {
735 margin-top: 0;
736 margin-left: -0.75em;
737 }
738
739 .row.gtr-50 > * {
740 padding: 0 0 0 0.75em;
741 }
742
743 .row.gtr-50.gtr-uniform {
744 margin-top: -0.75em;
745 }
746
747 .row.gtr-50.gtr-uniform > * {
748 padding-top: 0.75em;
749 }
750
751 .row {
752 margin-top: 0;
753 margin-left: -1.5em;
754 }
755
756 .row > * {
757 padding: 0 0 0 1.5em;
758 }
759
760 .row.gtr-uniform {
761 margin-top: -1.5em;
762 }
763
764 .row.gtr-uniform > * {
765 padding-top: 1.5em;
766 }
767
768 .row.gtr-150 {
769 margin-top: 0;
770 margin-left: -2.25em;
771 }
772
773 .row.gtr-150 > * {
774 padding: 0 0 0 2.25em;
775 }
776
777 .row.gtr-150.gtr-uniform {
778 margin-top: -2.25em;
779 }
780
781 .row.gtr-150.gtr-uniform > * {
782 padding-top: 2.25em;
783 }
784
785 .row.gtr-200 {
786 margin-top: 0;
787 margin-left: -3em;
788 }
789
790 .row.gtr-200 > * {
791 padding: 0 0 0 3em;
792 }
793
794 .row.gtr-200.gtr-uniform {
795 margin-top: -3em;
796 }
797
798 .row.gtr-200.gtr-uniform > * {
799 padding-top: 3em;
800 }
801
802 }
803
804 @media screen and (max-width: 1280px) {
805
806 .row {
807 display: flex;
808 flex-wrap: wrap;
809 box-sizing: border-box;
810 align-items: stretch;
811 }
812
813 .row > * {
814 box-sizing: border-box;
815 }
816
817 .row.gtr-uniform > * > :last-child {
818 margin-bottom: 0;
819 }
820
821 .row.aln-left {
822 justify-content: flex-start;
823 }
824
825 .row.aln-center {
826 justify-content: center;
827 }
828
829 .row.aln-right {
830 justify-content: flex-end;
831 }
832
833 .row.aln-top {
834 align-items: flex-start;
835 }
836
837 .row.aln-middle {
838 align-items: center;
839 }
840
841 .row.aln-bottom {
842 align-items: flex-end;
843 }
844
845 .row > .imp-large {
846 order: -1;
847 }
848
849 .row > .col-1-large {
850 width: 8.3333333333%;
851 }
852
853 .row > .off-1-large {
854 margin-left: 8.3333333333%;
855 }
856
857 .row > .col-2-large {
858 width: 16.6666666667%;
859 }
860
861 .row > .off-2-large {
862 margin-left: 16.6666666667%;
863 }
864
865 .row > .col-3-large {
866 width: 25%;
867 }
868
869 .row > .off-3-large {
870 margin-left: 25%;
871 }
872
873 .row > .col-4-large {
874 width: 33.3333333333%;
875 }
876
877 .row > .off-4-large {
878 margin-left: 33.3333333333%;
879 }
880
881 .row > .col-5-large {
882 width: 41.6666666667%;
883 }
884
885 .row > .off-5-large {
886 margin-left: 41.6666666667%;
887 }
888
889 .row > .col-6-large {
890 width: 50%;
891 }
892
893 .row > .off-6-large {
894 margin-left: 50%;
895 }
896
897 .row > .col-7-large {
898 width: 58.3333333333%;
899 }
900
901 .row > .off-7-large {
902 margin-left: 58.3333333333%;
903 }
904
905 .row > .col-8-large {
906 width: 66.6666666667%;
907 }
908
909 .row > .off-8-large {
910 margin-left: 66.6666666667%;
911 }
912
913 .row > .col-9-large {
914 width: 75%;
915 }
916
917 .row > .off-9-large {
918 margin-left: 75%;
919 }
920
921 .row > .col-10-large {
922 width: 83.3333333333%;
923 }
924
925 .row > .off-10-large {
926 margin-left: 83.3333333333%;
927 }
928
929 .row > .col-11-large {
930 width: 91.6666666667%;
931 }
932
933 .row > .off-11-large {
934 margin-left: 91.6666666667%;
935 }
936
937 .row > .col-12-large {
938 width: 100%;
939 }
940
941 .row > .off-12-large {
942 margin-left: 100%;
943 }
944
945 .row.gtr-0 {
946 margin-top: 0;
947 margin-left: 0em;
948 }
949
950 .row.gtr-0 > * {
951 padding: 0 0 0 0em;
952 }
953
954 .row.gtr-0.gtr-uniform {
955 margin-top: 0em;
956 }
957
958 .row.gtr-0.gtr-uniform > * {
959 padding-top: 0em;
960 }
961
962 .row.gtr-25 {
963 margin-top: 0;
964 margin-left: -0.375em;
965 }
966
967 .row.gtr-25 > * {
968 padding: 0 0 0 0.375em;
969 }
970
971 .row.gtr-25.gtr-uniform {
972 margin-top: -0.375em;
973 }
974
975 .row.gtr-25.gtr-uniform > * {
976 padding-top: 0.375em;
977 }
978
979 .row.gtr-50 {
980 margin-top: 0;
981 margin-left: -0.75em;
982 }
983
984 .row.gtr-50 > * {
985 padding: 0 0 0 0.75em;
986 }
987
988 .row.gtr-50.gtr-uniform {
989 margin-top: -0.75em;
990 }
991
992 .row.gtr-50.gtr-uniform > * {
993 padding-top: 0.75em;
994 }
995
996 .row {
997 margin-top: 0;
998 margin-left: -1.5em;
999 }
1000
1001 .row > * {
1002 padding: 0 0 0 1.5em;
1003 }
1004
1005 .row.gtr-uniform {
1006 margin-top: -1.5em;
1007 }
1008
1009 .row.gtr-uniform > * {
1010 padding-top: 1.5em;
1011 }
1012
1013 .row.gtr-150 {
1014 margin-top: 0;
1015 margin-left: -2.25em;
1016 }
1017
1018 .row.gtr-150 > * {
1019 padding: 0 0 0 2.25em;
1020 }
1021
1022 .row.gtr-150.gtr-uniform {
1023 margin-top: -2.25em;
1024 }
1025
1026 .row.gtr-150.gtr-uniform > * {
1027 padding-top: 2.25em;
1028 }
1029
1030 .row.gtr-200 {
1031 margin-top: 0;
1032 margin-left: -3em;
1033 }
1034
1035 .row.gtr-200 > * {
1036 padding: 0 0 0 3em;
1037 }
1038
1039 .row.gtr-200.gtr-uniform {
1040 margin-top: -3em;
1041 }
1042
1043 .row.gtr-200.gtr-uniform > * {
1044 padding-top: 3em;
1045 }
1046
1047 }
1048
1049 @media screen and (max-width: 980px) {
1050
1051 .row {
1052 display: flex;
1053 flex-wrap: wrap;
1054 box-sizing: border-box;
1055 align-items: stretch;
1056 }
1057
1058 .row > * {
1059 box-sizing: border-box;
1060 }
1061
1062 .row.gtr-uniform > * > :last-child {
1063 margin-bottom: 0;
1064 }
1065
1066 .row.aln-left {
1067 justify-content: flex-start;
1068 }
1069
1070 .row.aln-center {
1071 justify-content: center;
1072 }
1073
1074 .row.aln-right {
1075 justify-content: flex-end;
1076 }
1077
1078 .row.aln-top {
1079 align-items: flex-start;
1080 }
1081
1082 .row.aln-middle {
1083 align-items: center;
1084 }
1085
1086 .row.aln-bottom {
1087 align-items: flex-end;
1088 }
1089
1090 .row > .imp-medium {
1091 order: -1;
1092 }
1093
1094 .row > .col-1-medium {
1095 width: 8.3333333333%;
1096 }
1097
1098 .row > .off-1-medium {
1099 margin-left: 8.3333333333%;
1100 }
1101
1102 .row > .col-2-medium {
1103 width: 16.6666666667%;
1104 }
1105
1106 .row > .off-2-medium {
1107 margin-left: 16.6666666667%;
1108 }
1109
1110 .row > .col-3-medium {
1111 width: 25%;
1112 }
1113
1114 .row > .off-3-medium {
1115 margin-left: 25%;
1116 }
1117
1118 .row > .col-4-medium {
1119 width: 33.3333333333%;
1120 }
1121
1122 .row > .off-4-medium {
1123 margin-left: 33.3333333333%;
1124 }
1125
1126 .row > .col-5-medium {
1127 width: 41.6666666667%;
1128 }
1129
1130 .row > .off-5-medium {
1131 margin-left: 41.6666666667%;
1132 }
1133
1134 .row > .col-6-medium {
1135 width: 50%;
1136 }
1137
1138 .row > .off-6-medium {
1139 margin-left: 50%;
1140 }
1141
1142 .row > .col-7-medium {
1143 width: 58.3333333333%;
1144 }
1145
1146 .row > .off-7-medium {
1147 margin-left: 58.3333333333%;
1148 }
1149
1150 .row > .col-8-medium {
1151 width: 66.6666666667%;
1152 }
1153
1154 .row > .off-8-medium {
1155 margin-left: 66.6666666667%;
1156 }
1157
1158 .row > .col-9-medium {
1159 width: 75%;
1160 }
1161
1162 .row > .off-9-medium {
1163 margin-left: 75%;
1164 }
1165
1166 .row > .col-10-medium {
1167 width: 83.3333333333%;
1168 }
1169
1170 .row > .off-10-medium {
1171 margin-left: 83.3333333333%;
1172 }
1173
1174 .row > .col-11-medium {
1175 width: 91.6666666667%;
1176 }
1177
1178 .row > .off-11-medium {
1179 margin-left: 91.6666666667%;
1180 }
1181
1182 .row > .col-12-medium {
1183 width: 100%;
1184 }
1185
1186 .row > .off-12-medium {
1187 margin-left: 100%;
1188 }
1189
1190 .row.gtr-0 {
1191 margin-top: 0;
1192 margin-left: 0em;
1193 }
1194
1195 .row.gtr-0 > * {
1196 padding: 0 0 0 0em;
1197 }
1198
1199 .row.gtr-0.gtr-uniform {
1200 margin-top: 0em;
1201 }
1202
1203 .row.gtr-0.gtr-uniform > * {
1204 padding-top: 0em;
1205 }
1206
1207 .row.gtr-25 {
1208 margin-top: 0;
1209 margin-left: -0.375em;
1210 }
1211
1212 .row.gtr-25 > * {
1213 padding: 0 0 0 0.375em;
1214 }
1215
1216 .row.gtr-25.gtr-uniform {
1217 margin-top: -0.375em;
1218 }
1219
1220 .row.gtr-25.gtr-uniform > * {
1221 padding-top: 0.375em;
1222 }
1223
1224 .row.gtr-50 {
1225 margin-top: 0;
1226 margin-left: -0.75em;
1227 }
1228
1229 .row.gtr-50 > * {
1230 padding: 0 0 0 0.75em;
1231 }
1232
1233 .row.gtr-50.gtr-uniform {
1234 margin-top: -0.75em;
1235 }
1236
1237 .row.gtr-50.gtr-uniform > * {
1238 padding-top: 0.75em;
1239 }
1240
1241 .row {
1242 margin-top: 0;
1243 margin-left: -1.5em;
1244 }
1245
1246 .row > * {
1247 padding: 0 0 0 1.5em;
1248 }
1249
1250 .row.gtr-uniform {
1251 margin-top: -1.5em;
1252 }
1253
1254 .row.gtr-uniform > * {
1255 padding-top: 1.5em;
1256 }
1257
1258 .row.gtr-150 {
1259 margin-top: 0;
1260 margin-left: -2.25em;
1261 }
1262
1263 .row.gtr-150 > * {
1264 padding: 0 0 0 2.25em;
1265 }
1266
1267 .row.gtr-150.gtr-uniform {
1268 margin-top: -2.25em;
1269 }
1270
1271 .row.gtr-150.gtr-uniform > * {
1272 padding-top: 2.25em;
1273 }
1274
1275 .row.gtr-200 {
1276 margin-top: 0;
1277 margin-left: -3em;
1278 }
1279
1280 .row.gtr-200 > * {
1281 padding: 0 0 0 3em;
1282 }
1283
1284 .row.gtr-200.gtr-uniform {
1285 margin-top: -3em;
1286 }
1287
1288 .row.gtr-200.gtr-uniform > * {
1289 padding-top: 3em;
1290 }
1291
1292 }
1293
1294 @media screen and (max-width: 736px) {
1295
1296 .row {
1297 display: flex;
1298 flex-wrap: wrap;
1299 box-sizing: border-box;
1300 align-items: stretch;
1301 }
1302
1303 .row > * {
1304 box-sizing: border-box;
1305 }
1306
1307 .row.gtr-uniform > * > :last-child {
1308 margin-bottom: 0;
1309 }
1310
1311 .row.aln-left {
1312 justify-content: flex-start;
1313 }
1314
1315 .row.aln-center {
1316 justify-content: center;
1317 }
1318
1319 .row.aln-right {
1320 justify-content: flex-end;
1321 }
1322
1323 .row.aln-top {
1324 align-items: flex-start;
1325 }
1326
1327 .row.aln-middle {
1328 align-items: center;
1329 }
1330
1331 .row.aln-bottom {
1332 align-items: flex-end;
1333 }
1334
1335 .row > .imp-small {
1336 order: -1;
1337 }
1338
1339 .row > .col-1-small {
1340 width: 8.3333333333%;
1341 }
1342
1343 .row > .off-1-small {
1344 margin-left: 8.3333333333%;
1345 }
1346
1347 .row > .col-2-small {
1348 width: 16.6666666667%;
1349 }
1350
1351 .row > .off-2-small {
1352 margin-left: 16.6666666667%;
1353 }
1354
1355 .row > .col-3-small {
1356 width: 25%;
1357 }
1358
1359 .row > .off-3-small {
1360 margin-left: 25%;
1361 }
1362
1363 .row > .col-4-small {
1364 width: 33.3333333333%;
1365 }
1366
1367 .row > .off-4-small {
1368 margin-left: 33.3333333333%;
1369 }
1370
1371 .row > .col-5-small {
1372 width: 41.6666666667%;
1373 }
1374
1375 .row > .off-5-small {
1376 margin-left: 41.6666666667%;
1377 }
1378
1379 .row > .col-6-small {
1380 width: 50%;
1381 }
1382
1383 .row > .off-6-small {
1384 margin-left: 50%;
1385 }
1386
1387 .row > .col-7-small {
1388 width: 58.3333333333%;
1389 }
1390
1391 .row > .off-7-small {
1392 margin-left: 58.3333333333%;
1393 }
1394
1395 .row > .col-8-small {
1396 width: 66.6666666667%;
1397 }
1398
1399 .row > .off-8-small {
1400 margin-left: 66.6666666667%;
1401 }
1402
1403 .row > .col-9-small {
1404 width: 75%;
1405 }
1406
1407 .row > .off-9-small {
1408 margin-left: 75%;
1409 }
1410
1411 .row > .col-10-small {
1412 width: 83.3333333333%;
1413 }
1414
1415 .row > .off-10-small {
1416 margin-left: 83.3333333333%;
1417 }
1418
1419 .row > .col-11-small {
1420 width: 91.6666666667%;
1421 }
1422
1423 .row > .off-11-small {
1424 margin-left: 91.6666666667%;
1425 }
1426
1427 .row > .col-12-small {
1428 width: 100%;
1429 }
1430
1431 .row > .off-12-small {
1432 margin-left: 100%;
1433 }
1434
1435 .row.gtr-0 {
1436 margin-top: 0;
1437 margin-left: 0em;
1438 }
1439
1440 .row.gtr-0 > * {
1441 padding: 0 0 0 0em;
1442 }
1443
1444 .row.gtr-0.gtr-uniform {
1445 margin-top: 0em;
1446 }
1447
1448 .row.gtr-0.gtr-uniform > * {
1449 padding-top: 0em;
1450 }
1451
1452 .row.gtr-25 {
1453 margin-top: 0;
1454 margin-left: -0.375em;
1455 }
1456
1457 .row.gtr-25 > * {
1458 padding: 0 0 0 0.375em;
1459 }
1460
1461 .row.gtr-25.gtr-uniform {
1462 margin-top: -0.375em;
1463 }
1464
1465 .row.gtr-25.gtr-uniform > * {
1466 padding-top: 0.375em;
1467 }
1468
1469 .row.gtr-50 {
1470 margin-top: 0;
1471 margin-left: -0.75em;
1472 }
1473
1474 .row.gtr-50 > * {
1475 padding: 0 0 0 0.75em;
1476 }
1477
1478 .row.gtr-50.gtr-uniform {
1479 margin-top: -0.75em;
1480 }
1481
1482 .row.gtr-50.gtr-uniform > * {
1483 padding-top: 0.75em;
1484 }
1485
1486 .row {
1487 margin-top: 0;
1488 margin-left: -1.5em;
1489 }
1490
1491 .row > * {
1492 padding: 0 0 0 1.5em;
1493 }
1494
1495 .row.gtr-uniform {
1496 margin-top: -1.5em;
1497 }
1498
1499 .row.gtr-uniform > * {
1500 padding-top: 1.5em;
1501 }
1502
1503 .row.gtr-150 {
1504 margin-top: 0;
1505 margin-left: -2.25em;
1506 }
1507
1508 .row.gtr-150 > * {
1509 padding: 0 0 0 2.25em;
1510 }
1511
1512 .row.gtr-150.gtr-uniform {
1513 margin-top: -2.25em;
1514 }
1515
1516 .row.gtr-150.gtr-uniform > * {
1517 padding-top: 2.25em;
1518 }
1519
1520 .row.gtr-200 {
1521 margin-top: 0;
1522 margin-left: -3em;
1523 }
1524
1525 .row.gtr-200 > * {
1526 padding: 0 0 0 3em;
1527 }
1528
1529 .row.gtr-200.gtr-uniform {
1530 margin-top: -3em;
1531 }
1532
1533 .row.gtr-200.gtr-uniform > * {
1534 padding-top: 3em;
1535 }
1536
1537 }
1538
1539 @media screen and (max-width: 480px) {
1540
1541 .row {
1542 display: flex;
1543 flex-wrap: wrap;
1544 box-sizing: border-box;
1545 align-items: stretch;
1546 }
1547
1548 .row > * {
1549 box-sizing: border-box;
1550 }
1551
1552 .row.gtr-uniform > * > :last-child {
1553 margin-bottom: 0;
1554 }
1555
1556 .row.aln-left {
1557 justify-content: flex-start;
1558 }
1559
1560 .row.aln-center {
1561 justify-content: center;
1562 }
1563
1564 .row.aln-right {
1565 justify-content: flex-end;
1566 }
1567
1568 .row.aln-top {
1569 align-items: flex-start;
1570 }
1571
1572 .row.aln-middle {
1573 align-items: center;
1574 }
1575
1576 .row.aln-bottom {
1577 align-items: flex-end;
1578 }
1579
1580 .row > .imp-xsmall {
1581 order: -1;
1582 }
1583
1584 .row > .col-1-xsmall {
1585 width: 8.3333333333%;
1586 }
1587
1588 .row > .off-1-xsmall {
1589 margin-left: 8.3333333333%;
1590 }
1591
1592 .row > .col-2-xsmall {
1593 width: 16.6666666667%;
1594 }
1595
1596 .row > .off-2-xsmall {
1597 margin-left: 16.6666666667%;
1598 }
1599
1600 .row > .col-3-xsmall {
1601 width: 25%;
1602 }
1603
1604 .row > .off-3-xsmall {
1605 margin-left: 25%;
1606 }
1607
1608 .row > .col-4-xsmall {
1609 width: 33.3333333333%;
1610 }
1611
1612 .row > .off-4-xsmall {
1613 margin-left: 33.3333333333%;
1614 }
1615
1616 .row > .col-5-xsmall {
1617 width: 41.6666666667%;
1618 }
1619
1620 .row > .off-5-xsmall {
1621 margin-left: 41.6666666667%;
1622 }
1623
1624 .row > .col-6-xsmall {
1625 width: 50%;
1626 }
1627
1628 .row > .off-6-xsmall {
1629 margin-left: 50%;
1630 }
1631
1632 .row > .col-7-xsmall {
1633 width: 58.3333333333%;
1634 }
1635
1636 .row > .off-7-xsmall {
1637 margin-left: 58.3333333333%;
1638 }
1639
1640 .row > .col-8-xsmall {
1641 width: 66.6666666667%;
1642 }
1643
1644 .row > .off-8-xsmall {
1645 margin-left: 66.6666666667%;
1646 }
1647
1648 .row > .col-9-xsmall {
1649 width: 75%;
1650 }
1651
1652 .row > .off-9-xsmall {
1653 margin-left: 75%;
1654 }
1655
1656 .row > .col-10-xsmall {
1657 width: 83.3333333333%;
1658 }
1659
1660 .row > .off-10-xsmall {
1661 margin-left: 83.3333333333%;
1662 }
1663
1664 .row > .col-11-xsmall {
1665 width: 91.6666666667%;
1666 }
1667
1668 .row > .off-11-xsmall {
1669 margin-left: 91.6666666667%;
1670 }
1671
1672 .row > .col-12-xsmall {
1673 width: 100%;
1674 }
1675
1676 .row > .off-12-xsmall {
1677 margin-left: 100%;
1678 }
1679
1680 .row.gtr-0 {
1681 margin-top: 0;
1682 margin-left: 0em;
1683 }
1684
1685 .row.gtr-0 > * {
1686 padding: 0 0 0 0em;
1687 }
1688
1689 .row.gtr-0.gtr-uniform {
1690 margin-top: 0em;
1691 }
1692
1693 .row.gtr-0.gtr-uniform > * {
1694 padding-top: 0em;
1695 }
1696
1697 .row.gtr-25 {
1698 margin-top: 0;
1699 margin-left: -0.375em;
1700 }
1701
1702 .row.gtr-25 > * {
1703 padding: 0 0 0 0.375em;
1704 }
1705
1706 .row.gtr-25.gtr-uniform {
1707 margin-top: -0.375em;
1708 }
1709
1710 .row.gtr-25.gtr-uniform > * {
1711 padding-top: 0.375em;
1712 }
1713
1714 .row.gtr-50 {
1715 margin-top: 0;
1716 margin-left: -0.75em;
1717 }
1718
1719 .row.gtr-50 > * {
1720 padding: 0 0 0 0.75em;
1721 }
1722
1723 .row.gtr-50.gtr-uniform {
1724 margin-top: -0.75em;
1725 }
1726
1727 .row.gtr-50.gtr-uniform > * {
1728 padding-top: 0.75em;
1729 }
1730
1731 .row {
1732 margin-top: 0;
1733 margin-left: -1.5em;
1734 }
1735
1736 .row > * {
1737 padding: 0 0 0 1.5em;
1738 }
1739
1740 .row.gtr-uniform {
1741 margin-top: -1.5em;
1742 }
1743
1744 .row.gtr-uniform > * {
1745 padding-top: 1.5em;
1746 }
1747
1748 .row.gtr-150 {
1749 margin-top: 0;
1750 margin-left: -2.25em;
1751 }
1752
1753 .row.gtr-150 > * {
1754 padding: 0 0 0 2.25em;
1755 }
1756
1757 .row.gtr-150.gtr-uniform {
1758 margin-top: -2.25em;
1759 }
1760
1761 .row.gtr-150.gtr-uniform > * {
1762 padding-top: 2.25em;
1763 }
1764
1765 .row.gtr-200 {
1766 margin-top: 0;
1767 margin-left: -3em;
1768 }
1769
1770 .row.gtr-200 > * {
1771 padding: 0 0 0 3em;
1772 }
1773
1774 .row.gtr-200.gtr-uniform {
1775 margin-top: -3em;
1776 }
1777
1778 .row.gtr-200.gtr-uniform > * {
1779 padding-top: 3em;
1780 }
1781
1782 }
1783
1784 /* Section/Article */
1785
1786 section.special, article.special {
1787 text-align: center;
1788 }
1789
1790 header p {
1791 font-family: "Roboto Slab", serif;
1792 font-size: 1em;
1793 font-weight: 400;
1794 letter-spacing: 0.075em;
1795 margin-top: -0.5em;
1796 text-transform: uppercase;
1797 }
1798
1799 header.major > :last-child {
1800 border-bottom: solid 3px #f56a6a;
1801 display: inline-block;
1802 margin: 0 0 2em 0;
1803 padding: 0 0.75em 0.5em 0;
1804 }
1805
1806 header.main > :last-child {
1807 margin: 0 0 1em 0;
1808 }
1809
1810 /* Form */
1811
1812 form {
1813 margin: 0 0 2em 0;
1814 }
1815
1816 label {
1817 color: #3d4449;
1818 display: block;
1819 font-size: 0.9em;
1820 font-weight: 600;
1821 margin: 0 0 1em 0;
1822 }
1823
1824 input[type="text"],
1825 input[type="password"],
1826 input[type="email"],
1827 input[type="tel"],
1828 input[type="search"],
1829 input[type="url"],
1830 select,
1831 textarea {
1832 -moz-appearance: none;
1833 -webkit-appearance: none;
1834 -ms-appearance: none;
1835 appearance: none;
1836 background: #ffffff;
1837 border-radius: 0.375em;
1838 border: none;
1839 border: solid 1px rgba(210, 215, 217, 0.75);
1840 color: inherit;
1841 display: block;
1842 outline: 0;
1843 padding: 0 1em;
1844 text-decoration: none;
1845 width: 100%;
1846 }
1847
1848 input[type="text"]:invalid,
1849 input[type="password"]:invalid,
1850 input[type="email"]:invalid,
1851 input[type="tel"]:invalid,
1852 input[type="search"]:invalid,
1853 input[type="url"]:invalid,
1854 select:invalid,
1855 textarea:invalid {
1856 box-shadow: none;
1857 }
1858
1859 input[type="text"]:focus,
1860 input[type="password"]:focus,
1861 input[type="email"]:focus,
1862 input[type="tel"]:focus,
1863 input[type="search"]:focus,
1864 input[type="url"]:focus,
1865 select:focus,
1866 textarea:focus {
1867 border-color: #f56a6a;
1868 box-shadow: 0 0 0 1px #f56a6a;
1869 }
1870
1871 select {
1872 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(210, 215, 217, 0.75)' /%3E%3C/svg%3E");
1873 background-size: 1.25em;
1874 background-repeat: no-repeat;
1875 background-position: calc(100% - 1em) center;
1876 height: 2.75em;
1877 padding-right: 2.75em;
1878 text-overflow: ellipsis;
1879 }
1880
1881 select option {
1882 color: #3d4449;
1883 background: #ffffff;
1884 }
1885
1886 select:focus::-ms-value {
1887 background-color: transparent;
1888 }
1889
1890 select::-ms-expand {
1891 display: none;
1892 }
1893
1894 input[type="text"],
1895 input[type="password"],
1896 input[type="email"],
1897 input[type="tel"],
1898 input[type="search"],
1899 input[type="url"],
1900 select {
1901 height: 2.75em;
1902 }
1903
1904 textarea {
1905 padding: 0.75em 1em;
1906 }
1907
1908 input[type="checkbox"],
1909 input[type="radio"] {
1910 -moz-appearance: none;
1911 -webkit-appearance: none;
1912 -ms-appearance: none;
1913 appearance: none;
1914 display: block;
1915 float: left;
1916 margin-right: -2em;
1917 opacity: 0;
1918 width: 1em;
1919 z-index: -1;
1920 }
1921
1922 input[type="checkbox"] + label,
1923 input[type="radio"] + label {
1924 text-decoration: none;
1925 color: #7f888f;
1926 cursor: pointer;
1927 display: inline-block;
1928 font-size: 1em;
1929 font-weight: 400;
1930 padding-left: 2.4em;
1931 padding-right: 0.75em;
1932 position: relative;
1933 }
1934
1935 input[type="checkbox"] + label:before,
1936 input[type="radio"] + label:before {
1937 -moz-osx-font-smoothing: grayscale;
1938 -webkit-font-smoothing: antialiased;
1939 font-family: FontAwesome;
1940 font-style: normal;
1941 font-weight: normal;
1942 text-transform: none !important;
1943 }
1944
1945 input[type="checkbox"] + label:before,
1946 input[type="radio"] + label:before {
1947 background: #ffffff;
1948 border-radius: 0.375em;
1949 border: solid 1px rgba(210, 215, 217, 0.75);
1950 content: '';
1951 display: inline-block;
1952 height: 1.65em;
1953 left: 0;
1954 line-height: 1.58125em;
1955 position: absolute;
1956 text-align: center;
1957 top: 0;
1958 width: 1.65em;
1959 }
1960
1961 input[type="checkbox"]:checked + label:before,
1962 input[type="radio"]:checked + label:before {
1963 background: #3d4449;
1964 border-color: #3d4449;
1965 color: #ffffff;
1966 content: '\f00c';
1967 }
1968
1969 input[type="checkbox"]:focus + label:before,
1970 input[type="radio"]:focus + label:before {
1971 border-color: #f56a6a;
1972 box-shadow: 0 0 0 1px #f56a6a;
1973 }
1974
1975 input[type="checkbox"] + label:before {
1976 border-radius: 0.375em;
1977 }
1978
1979 input[type="radio"] + label:before {
1980 border-radius: 100%;
1981 }
1982
1983 ::-webkit-input-placeholder {
1984 color: #9fa3a6 !important;
1985 opacity: 1.0;
1986 }
1987
1988 :-moz-placeholder {
1989 color: #9fa3a6 !important;
1990 opacity: 1.0;
1991 }
1992
1993 ::-moz-placeholder {
1994 color: #9fa3a6 !important;
1995 opacity: 1.0;
1996 }
1997
1998 :-ms-input-placeholder {
1999 color: #9fa3a6 !important;
2000 opacity: 1.0;
2001 }
2002
2003 /* Box */
2004
2005 .box {
2006 border-radius: 0.375em;
2007 border: solid 1px rgba(210, 215, 217, 0.75);
2008 margin-bottom: 2em;
2009 padding: 1.5em;
2010 }
2011
2012 .box > :last-child,
2013 .box > :last-child > :last-child,
2014 .box > :last-child > :last-child > :last-child {
2015 margin-bottom: 0;
2016 }
2017
2018 .box.alt {
2019 border: 0;
2020 border-radius: 0;
2021 padding: 0;
2022 }
2023
2024 /* Icon */
2025
2026 .icon {
2027 text-decoration: none;
2028 border-bottom: none;
2029 position: relative;
2030 }
2031
2032 .icon:before {
2033 -moz-osx-font-smoothing: grayscale;
2034 -webkit-font-smoothing: antialiased;
2035 font-family: FontAwesome;
2036 font-style: normal;
2037 font-weight: normal;
2038 text-transform: none !important;
2039 }
2040
2041 .icon > .label {
2042 display: none;
2043 }
2044
2045 /* Image */
2046
2047 .image {
2048 border-radius: 0.375em;
2049 border: 0;
2050 display: inline-block;
2051 position: relative;
2052 }
2053
2054 .image img {
2055 border-radius: 0.375em;
2056 display: block;
2057 }
2058
2059 .image.left, .image.right {
2060 max-width: 40%;
2061 }
2062
2063 .image.left img, .image.right img {
2064 width: 100%;
2065 }
2066
2067 .image.left {
2068 float: left;
2069 padding: 0 1.5em 1em 0;
2070 top: 0.25em;
2071 }
2072
2073 .image.right {
2074 float: right;
2075 padding: 0 0 1em 1.5em;
2076 top: 0.25em;
2077 }
2078
2079 .image.fit {
2080 display: block;
2081 margin: 0 0 2em 0;
2082 width: 100%;
2083 }
2084
2085 .image.fit img {
2086 width: 100%;
2087 }
2088
2089 .image.main {
2090 display: block;
2091 margin: 0 0 3em 0;
2092 width: 100%;
2093 }
2094
2095 .image.main img {
2096 width: 100%;
2097 }
2098
2099 a.image {
2100 overflow: hidden;
2101 }
2102
2103 a.image img {
2104 -moz-transition: -moz-transform 0.2s ease;
2105 -webkit-transition: -webkit-transform 0.2s ease;
2106 -ms-transition: -ms-transform 0.2s ease;
2107 transition: transform 0.2s ease;
2108 }
2109
2110 a.image:hover img {
2111 -moz-transform: scale(1.075);
2112 -webkit-transform: scale(1.075);
2113 -ms-transform: scale(1.075);
2114 transform: scale(1.075);
2115 }
2116
2117 /* List */
2118
2119 ol {
2120 list-style: decimal;
2121 margin: 0 0 2em 0;
2122 padding-left: 1.25em;
2123 }
2124
2125 ol li {
2126 padding-left: 0.25em;
2127 }
2128
2129 ul {
2130 list-style: disc;
2131 margin: 0 0 2em 0;
2132 padding-left: 1em;
2133 }
2134
2135 ul li {
2136 padding-left: 0.5em;
2137 }
2138
2139 ul.alt {
2140 list-style: none;
2141 padding-left: 0;
2142 }
2143
2144 ul.alt li {
2145 border-top: solid 1px rgba(210, 215, 217, 0.75);
2146 padding: 0.5em 0;
2147 }
2148
2149 ul.alt li:first-child {
2150 border-top: 0;
2151 padding-top: 0;
2152 }
2153
2154 dl {
2155 margin: 0 0 2em 0;
2156 }
2157
2158 dl dt {
2159 display: block;
2160 font-weight: 600;
2161 margin: 0 0 1em 0;
2162 }
2163
2164 dl dd {
2165 margin-left: 2em;
2166 }
2167
2168 /* Actions */
2169
2170 ul.actions {
2171 display: -moz-flex;
2172 display: -webkit-flex;
2173 display: -ms-flex;
2174 display: flex;
2175 cursor: default;
2176 list-style: none;
2177 margin-left: -1em;
2178 padding-left: 0;
2179 }
2180
2181 ul.actions li {
2182 padding: 0 0 0 1em;
2183 vertical-align: middle;
2184 }
2185
2186 ul.actions.special {
2187 -moz-justify-content: center;
2188 -webkit-justify-content: center;
2189 -ms-justify-content: center;
2190 justify-content: center;
2191 width: 100%;
2192 margin-left: 0;
2193 }
2194
2195 ul.actions.special li:first-child {
2196 padding-left: 0;
2197 }
2198
2199 ul.actions.stacked {
2200 -moz-flex-direction: column;
2201 -webkit-flex-direction: column;
2202 -ms-flex-direction: column;
2203 flex-direction: column;
2204 margin-left: 0;
2205 }
2206
2207 ul.actions.stacked li {
2208 padding: 1.3em 0 0 0;
2209 }
2210
2211 ul.actions.stacked li:first-child {
2212 padding-top: 0;
2213 }
2214
2215 ul.actions.fit {
2216 width: calc(100% + 1em);
2217 }
2218
2219 ul.actions.fit li {
2220 -moz-flex-grow: 1;
2221 -webkit-flex-grow: 1;
2222 -ms-flex-grow: 1;
2223 flex-grow: 1;
2224 -moz-flex-shrink: 1;
2225 -webkit-flex-shrink: 1;
2226 -ms-flex-shrink: 1;
2227 flex-shrink: 1;
2228 width: 100%;
2229 }
2230
2231 ul.actions.fit li > * {
2232 width: 100%;
2233 }
2234
2235 ul.actions.fit.stacked {
2236 width: 100%;
2237 }
2238
2239 /* Icons */
2240
2241 ul.icons {
2242 cursor: default;
2243 list-style: none;
2244 padding-left: 0;
2245 }
2246
2247 ul.icons li {
2248 display: inline-block;
2249 padding: 0 1em 0 0;
2250 }
2251
2252 ul.icons li:last-child {
2253 padding-right: 0;
2254 }
2255
2256 ul.icons li .icon {
2257 color: inherit;
2258 }
2259
2260 ul.icons li .icon:before {
2261 font-size: 1.25em;
2262 }
2263
2264 /* Contact */
2265
2266 ul.contact {
2267 list-style: none;
2268 padding: 0;
2269 }
2270
2271 ul.contact li {
2272 text-decoration: none;
2273 border-top: solid 1px rgba(210, 215, 217, 0.75);
2274 margin: 1.5em 0 0 0;
2275 padding: 1.5em 0 0 3em;
2276 position: relative;
2277 }
2278
2279 ul.contact li:before {
2280 -moz-osx-font-smoothing: grayscale;
2281 -webkit-font-smoothing: antialiased;
2282 font-family: FontAwesome;
2283 font-style: normal;
2284 font-weight: normal;
2285 text-transform: none !important;
2286 }
2287
2288 ul.contact li:before {
2289 color: #f56a6a;
2290 display: inline-block;
2291 font-size: 1.5em;
2292 height: 1.125em;
2293 left: 0;
2294 line-height: 1.125em;
2295 position: absolute;
2296 text-align: center;
2297 top: 1em;
2298 width: 1.5em;
2299 }
2300
2301 ul.contact li:first-child {
2302 border-top: 0;
2303 margin-top: 0;
2304 padding-top: 0;
2305 }
2306
2307 ul.contact li:first-child:before {
2308 top: 0;
2309 }
2310
2311 ul.contact li a {
2312 color: inherit;
2313 }
2314
2315 /* Pagination */
2316
2317 ul.pagination {
2318 cursor: default;
2319 list-style: none;
2320 padding-left: 0;
2321 }
2322
2323 ul.pagination li {
2324 display: inline-block;
2325 padding-left: 0;
2326 vertical-align: middle;
2327 }
2328
2329 ul.pagination li > .page {
2330 -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2331 -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2332 -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2333 transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2334 border-bottom: 0;
2335 border-radius: 0.375em;
2336 display: inline-block;
2337 font-size: 0.8em;
2338 font-weight: 600;
2339 height: 2em;
2340 line-height: 2em;
2341 margin: 0 0.125em;
2342 min-width: 2em;
2343 padding: 0 0.5em;
2344 text-align: center;
2345 }
2346
2347 ul.pagination li > .page.active {
2348 background-color: #f56a6a;
2349 color: #ffffff !important;
2350 }
2351
2352 ul.pagination li > .page.active:hover {
2353 background-color: #f67878;
2354 }
2355
2356 ul.pagination li > .page.active:active {
2357 background-color: #f45c5c;
2358 }
2359
2360 ul.pagination li:first-child {
2361 padding-right: 0.75em;
2362 }
2363
2364 ul.pagination li:last-child {
2365 padding-left: 0.75em;
2366 }
2367
2368 @media screen and (max-width: 480px) {
2369
2370 ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
2371 display: none;
2372 }
2373
2374 ul.pagination li:first-child {
2375 padding-right: 0;
2376 }
2377
2378 }
2379
2380 /* Table */
2381
2382 .table-wrapper {
2383 -webkit-overflow-scrolling: touch;
2384 overflow-x: auto;
2385 }
2386
2387 table {
2388 margin: 0 0 2em 0;
2389 width: 100%;
2390 }
2391
2392 table tbody tr {
2393 border: solid 1px rgba(210, 215, 217, 0.75);
2394 border-left: 0;
2395 border-right: 0;
2396 }
2397
2398 table tbody tr:nth-child(2n + 1) {
2399 background-color: rgba(230, 235, 237, 0.25);
2400 }
2401
2402 table td {
2403 padding: 0.75em 0.75em;
2404 }
2405
2406 table th {
2407 color: #3d4449;
2408 font-size: 0.9em;
2409 font-weight: 600;
2410 padding: 0 0.75em 0.75em 0.75em;
2411 text-align: left;
2412 }
2413
2414 table thead {
2415 border-bottom: solid 2px rgba(210, 215, 217, 0.75);
2416 }
2417
2418 table tfoot {
2419 border-top: solid 2px rgba(210, 215, 217, 0.75);
2420 }
2421
2422 table.alt {
2423 border-collapse: separate;
2424 }
2425
2426 table.alt tbody tr td {
2427 border: solid 1px rgba(210, 215, 217, 0.75);
2428 border-left-width: 0;
2429 border-top-width: 0;
2430 }
2431
2432 table.alt tbody tr td:first-child {
2433 border-left-width: 1px;
2434 }
2435
2436 table.alt tbody tr:first-child td {
2437 border-top-width: 1px;
2438 }
2439
2440 table.alt thead {
2441 border-bottom: 0;
2442 }
2443
2444 table.alt tfoot {
2445 border-top: 0;
2446 }
2447
2448 /* Button */
2449
2450 input[type="submit"],
2451 input[type="reset"],
2452 input[type="button"],
2453 button,
2454 .button {
2455 -moz-appearance: none;
2456 -webkit-appearance: none;
2457 -ms-appearance: none;
2458 appearance: none;
2459 -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2460 -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2461 -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2462 transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2463 background-color: transparent;
2464 border-radius: 0.375em;
2465 border: 0;
2466 box-shadow: inset 0 0 0 2px #f56a6a;
2467 color: #f56a6a !important;
2468 cursor: pointer;
2469 display: inline-block;
2470 font-family: "Roboto Slab", serif;
2471 font-size: 0.8em;
2472 font-weight: 700;
2473 height: 3.5em;
2474 letter-spacing: 0.075em;
2475 line-height: 3.5em;
2476 padding: 0 2.25em;
2477 text-align: center;
2478 text-decoration: none;
2479 text-transform: uppercase;
2480 white-space: nowrap;
2481 }
2482
2483 input[type="submit"]:hover,
2484 input[type="reset"]:hover,
2485 input[type="button"]:hover,
2486 button:hover,
2487 .button:hover {
2488 background-color: rgba(245, 106, 106, 0.05);
2489 }
2490
2491 input[type="submit"]:active,
2492 input[type="reset"]:active,
2493 input[type="button"]:active,
2494 button:active,
2495 .button:active {
2496 background-color: rgba(245, 106, 106, 0.15);
2497 }
2498
2499 input[type="submit"].icon:before,
2500 input[type="reset"].icon:before,
2501 input[type="button"].icon:before,
2502 button.icon:before,
2503 .button.icon:before {
2504 margin-right: 0.5em;
2505 }
2506
2507 input[type="submit"].fit,
2508 input[type="reset"].fit,
2509 input[type="button"].fit,
2510 button.fit,
2511 .button.fit {
2512 width: 100%;
2513 }
2514
2515 input[type="submit"].small,
2516 input[type="reset"].small,
2517 input[type="button"].small,
2518 button.small,
2519 .button.small {
2520 font-size: 0.6em;
2521 }
2522
2523 input[type="submit"].large,
2524 input[type="reset"].large,
2525 input[type="button"].large,
2526 button.large,
2527 .button.large {
2528 font-size: 1em;
2529 height: 3.65em;
2530 line-height: 3.65em;
2531 }
2532
2533 input[type="submit"].primary,
2534 input[type="reset"].primary,
2535 input[type="button"].primary,
2536 button.primary,
2537 .button.primary {
2538 background-color: #f56a6a;
2539 box-shadow: none;
2540 color: #ffffff !important;
2541 }
2542
2543 input[type="submit"].primary:hover,
2544 input[type="reset"].primary:hover,
2545 input[type="button"].primary:hover,
2546 button.primary:hover,
2547 .button.primary:hover {
2548 background-color: #f67878;
2549 }
2550
2551 input[type="submit"].primary:active,
2552 input[type="reset"].primary:active,
2553 input[type="button"].primary:active,
2554 button.primary:active,
2555 .button.primary:active {
2556 background-color: #f45c5c;
2557 }
2558
2559 input[type="submit"].disabled, input[type="submit"]:disabled,
2560 input[type="reset"].disabled,
2561 input[type="reset"]:disabled,
2562 input[type="button"].disabled,
2563 input[type="button"]:disabled,
2564 button.disabled,
2565 button:disabled,
2566 .button.disabled,
2567 .button:disabled {
2568 pointer-events: none;
2569 opacity: 0.25;
2570 }
2571
2572 /* Mini Posts */
2573
2574 .mini-posts article {
2575 border-top: solid 1px rgba(210, 215, 217, 0.75);
2576 margin-top: 2em;
2577 padding-top: 2em;
2578 }
2579
2580 .mini-posts article .image {
2581 display: block;
2582 margin: 0 0 1.5em 0;
2583 }
2584
2585 .mini-posts article .image img {
2586 display: block;
2587 width: 100%;
2588 }
2589
2590 .mini-posts article:first-child {
2591 border-top: 0;
2592 margin-top: 0;
2593 padding-top: 0;
2594 }
2595
2596 /* Features */
2597
2598 .features {
2599 display: -moz-flex;
2600 display: -webkit-flex;
2601 display: -ms-flex;
2602 display: flex;
2603 -moz-flex-wrap: wrap;
2604 -webkit-flex-wrap: wrap;
2605 -ms-flex-wrap: wrap;
2606 flex-wrap: wrap;
2607 margin: 0 0 2em -3em;
2608 width: calc(100% + 3em);
2609 }
2610
2611 .features article {
2612 -moz-align-items: center;
2613 -webkit-align-items: center;
2614 -ms-align-items: center;
2615 align-items: center;
2616 display: -moz-flex;
2617 display: -webkit-flex;
2618 display: -ms-flex;
2619 display: flex;
2620 margin: 0 0 3em 3em;
2621 position: relative;
2622 width: calc(50% - 3em);
2623 }
2624
2625 .features article:nth-child(2n - 1) {
2626 margin-right: 1.5em;
2627 }
2628
2629 .features article:nth-child(2n) {
2630 margin-left: 1.5em;
2631 }
2632
2633 .features article:nth-last-child(1), .features article:nth-last-child(2) {
2634 margin-bottom: 0;
2635 }
2636
2637 .features article .icon {
2638 -moz-flex-grow: 0;
2639 -webkit-flex-grow: 0;
2640 -ms-flex-grow: 0;
2641 flex-grow: 0;
2642 -moz-flex-shrink: 0;
2643 -webkit-flex-shrink: 0;
2644 -ms-flex-shrink: 0;
2645 flex-shrink: 0;
2646 display: block;
2647 height: 10em;
2648 line-height: 10em;
2649 margin: 0 2em 0 0;
2650 text-align: center;
2651 width: 10em;
2652 }
2653
2654 .features article .icon:before {
2655 color: #f56a6a;
2656 font-size: 2.75rem;
2657 position: relative;
2658 top: 0.05em;
2659 }
2660
2661 .features article .icon:after {
2662 -moz-transform: rotate(45deg);
2663 -webkit-transform: rotate(45deg);
2664 -ms-transform: rotate(45deg);
2665 transform: rotate(45deg);
2666 border-radius: 0.25rem;
2667 border: solid 2px rgba(210, 215, 217, 0.75);
2668 content: '';
2669 display: block;
2670 height: 7em;
2671 left: 50%;
2672 margin: -3.5em 0 0 -3.5em;
2673 position: absolute;
2674 top: 50%;
2675 width: 7em;
2676 }
2677
2678 .features article .content {
2679 -moz-flex-grow: 1;
2680 -webkit-flex-grow: 1;
2681 -ms-flex-grow: 1;
2682 flex-grow: 1;
2683 -moz-flex-shrink: 1;
2684 -webkit-flex-shrink: 1;
2685 -ms-flex-shrink: 1;
2686 flex-shrink: 1;
2687 width: 100%;
2688 }
2689
2690 .features article .content > :last-child {
2691 margin-bottom: 0;
2692 }
2693
2694 @media screen and (max-width: 980px) {
2695
2696 .features {
2697 margin: 0 0 2em 0;
2698 width: 100%;
2699 }
2700
2701 .features article {
2702 margin: 0 0 3em 0;
2703 width: 100%;
2704 }
2705
2706 .features article:nth-child(2n - 1) {
2707 margin-right: 0;
2708 }
2709
2710 .features article:nth-child(2n) {
2711 margin-left: 0;
2712 }
2713
2714 .features article:nth-last-child(1), .features article:nth-last-child(2) {
2715 margin-bottom: 3em;
2716 }
2717
2718 .features article:last-child {
2719 margin-bottom: 0;
2720 }
2721
2722 .features article .icon {
2723 height: 8em;
2724 line-height: 8em;
2725 width: 8em;
2726 }
2727
2728 .features article .icon:before {
2729 font-size: 2.25rem;
2730 }
2731
2732 .features article .icon:after {
2733 height: 6em;
2734 margin: -3em 0 0 -3em;
2735 width: 6em;
2736 }
2737
2738 }
2739
2740 @media screen and (max-width: 480px) {
2741
2742 .features article {
2743 -moz-flex-direction: column;
2744 -webkit-flex-direction: column;
2745 -ms-flex-direction: column;
2746 flex-direction: column;
2747 -moz-align-items: -moz-flex-start;
2748 -webkit-align-items: -webkit-flex-start;
2749 -ms-align-items: -ms-flex-start;
2750 align-items: flex-start;
2751 }
2752
2753 .features article .icon {
2754 height: 6em;
2755 line-height: 6em;
2756 margin: 0 0 1.5em 0;
2757 width: 6em;
2758 }
2759
2760 .features article .icon:before {
2761 font-size: 1.5rem;
2762 }
2763
2764 .features article .icon:after {
2765 height: 4em;
2766 margin: -2em 0 0 -2em;
2767 width: 4em;
2768 }
2769
2770 }
2771
2772 @media screen and (max-width: 480px) {
2773
2774 .features article .icon:before {
2775 font-size: 1.25rem;
2776 }
2777
2778 }
2779
2780 /* Posts */
2781
2782 .posts {
2783 display: -moz-flex;
2784 display: -webkit-flex;
2785 display: -ms-flex;
2786 display: flex;
2787 -moz-flex-wrap: wrap;
2788 -webkit-flex-wrap: wrap;
2789 -ms-flex-wrap: wrap;
2790 flex-wrap: wrap;
2791 margin: 0 0 2em -6em;
2792 width: calc(100% + 6em);
2793 }
2794
2795 .posts article {
2796 -moz-flex-grow: 0;
2797 -webkit-flex-grow: 0;
2798 -ms-flex-grow: 0;
2799 flex-grow: 0;
2800 -moz-flex-shrink: 1;
2801 -webkit-flex-shrink: 1;
2802 -ms-flex-shrink: 1;
2803 flex-shrink: 1;
2804 margin: 0 0 6em 6em;
2805 position: relative;
2806 width: calc(33.3333333333% - 6em);
2807 }
2808
2809 .posts article:before {
2810 background: rgba(210, 215, 217, 0.75);
2811 content: '';
2812 display: block;
2813 height: calc(100% + 6em);
2814 left: -3em;
2815 position: absolute;
2816 top: 0;
2817 width: 1px;
2818 }
2819
2820 .posts article:after {
2821 background: rgba(210, 215, 217, 0.75);
2822 bottom: -3em;
2823 content: '';
2824 display: block;
2825 height: 1px;
2826 position: absolute;
2827 right: 0;
2828 width: calc(100% + 6em);
2829 }
2830
2831 .posts article > :last-child {
2832 margin-bottom: 0;
2833 }
2834
2835 .posts article .image {
2836 display: block;
2837 margin: 0 0 2em 0;
2838 }
2839
2840 .posts article .image img {
2841 display: block;
2842 width: 100%;
2843 }
2844
2845 @media screen and (min-width: 1681px) {
2846
2847 .posts article:nth-child(3n + 1):before {
2848 display: none;
2849 }
2850
2851 .posts article:nth-child(3n + 1):after {
2852 width: 100%;
2853 }
2854
2855 .posts article:nth-last-child(1), .posts article:nth-last-child(2), .posts article:nth-last-child(3) {
2856 margin-bottom: 0;
2857 }
2858
2859 .posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before, .posts article:nth-last-child(3):before {
2860 height: 100%;
2861 }
2862
2863 .posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after, .posts article:nth-last-child(3):after {
2864 display: none;
2865 }
2866
2867 }
2868
2869 @media screen and (max-width: 1680px) {
2870
2871 .posts article {
2872 width: calc(50% - 6em);
2873 }
2874
2875 .posts article:nth-last-child(3) {
2876 margin-bottom: 6em;
2877 }
2878
2879 }
2880
2881 @media screen and (min-width: 481px) and (max-width: 1680px) {
2882
2883 .posts article:nth-child(2n + 1):before {
2884 display: none;
2885 }
2886
2887 .posts article:nth-child(2n + 1):after {
2888 width: 100%;
2889 }
2890
2891 .posts article:nth-last-child(1), .posts article:nth-last-child(2) {
2892 margin-bottom: 0;
2893 }
2894
2895 .posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before {
2896 height: 100%;
2897 }
2898
2899 .posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after {
2900 display: none;
2901 }
2902
2903 }
2904
2905 @media screen and (max-width: 736px) {
2906
2907 .posts {
2908 margin: 0 0 2em -4.5em;
2909 width: calc(100% + 4.5em);
2910 }
2911
2912 .posts article {
2913 margin: 0 0 4.5em 4.5em;
2914 width: calc(50% - 4.5em);
2915 }
2916
2917 .posts article:before {
2918 height: calc(100% + 4.5em);
2919 left: -2.25em;
2920 }
2921
2922 .posts article:after {
2923 bottom: -2.25em;
2924 width: calc(100% + 4.5em);
2925 }
2926
2927 .posts article:nth-last-child(3) {
2928 margin-bottom: 4.5em;
2929 }
2930
2931 }
2932
2933 @media screen and (max-width: 480px) {
2934
2935 .posts {
2936 margin: 0 0 2em 0;
2937 width: 100%;
2938 }
2939
2940 .posts article {
2941 margin: 0 0 4.5em 0;
2942 width: 100%;
2943 }
2944
2945 .posts article:before {
2946 display: none;
2947 }
2948
2949 .posts article:after {
2950 width: 100%;
2951 }
2952
2953 .posts article:last-child {
2954 margin-bottom: 0;
2955 }
2956
2957 .posts article:last-child:after {
2958 display: none;
2959 }
2960
2961 }
2962
2963 /* Wrapper */
2964
2965 #wrapper {
2966 display: -moz-flex;
2967 display: -webkit-flex;
2968 display: -ms-flex;
2969 display: flex;
2970 -moz-flex-direction: row-reverse;
2971 -webkit-flex-direction: row-reverse;
2972 -ms-flex-direction: row-reverse;
2973 flex-direction: row-reverse;
2974 min-height: 100vh;
2975 }
2976
2977 /* Main */
2978
2979 #main {
2980 -moz-flex-grow: 1;
2981 -webkit-flex-grow: 1;
2982 -ms-flex-grow: 1;
2983 flex-grow: 1;
2984 -moz-flex-shrink: 1;
2985 -webkit-flex-shrink: 1;
2986 -ms-flex-shrink: 1;
2987 flex-shrink: 1;
2988 width: 100%;
2989 }
2990
2991 #main > .inner {
2992 padding: 0 6em 0.1em 6em ;
2993 margin: 0 auto;
2994 max-width: 110em;
2995 }
2996
2997 #main > .inner > section {
2998 padding: 6em 0 4em 0 ;
2999 border-top: solid 2px rgba(210, 215, 217, 0.75);
3000 }
3001
3002 #main > .inner > section:first-of-type {
3003 border-top: 0 !important;
3004 }
3005
3006 @media screen and (max-width: 1680px) {
3007
3008 #main > .inner {
3009 padding: 0 5em 0.1em 5em ;
3010 }
3011
3012 #main > .inner > section {
3013 padding: 5em 0 3em 0 ;
3014 }
3015
3016 }
3017
3018 @media screen and (max-width: 1280px) {
3019
3020 #main > .inner {
3021 padding: 0 4em 0.1em 4em ;
3022 }
3023
3024 #main > .inner > section {
3025 padding: 4em 0 2em 0 ;
3026 }
3027
3028 }
3029
3030 @media screen and (max-width: 736px) {
3031
3032 #main > .inner {
3033 padding: 0 2em 0.1em 2em ;
3034 }
3035
3036 #main > .inner > section {
3037 padding: 3em 0 1em 0 ;
3038 }
3039
3040 }
3041
3042 /* Sidebar */
3043
3044 #search form {
3045 text-decoration: none;
3046 position: relative;
3047 }
3048
3049 #search form:before {
3050 -moz-osx-font-smoothing: grayscale;
3051 -webkit-font-smoothing: antialiased;
3052 font-family: FontAwesome;
3053 font-style: normal;
3054 font-weight: normal;
3055 text-transform: none !important;
3056 }
3057
3058 #search form:before {
3059 -moz-transform: scaleX(-1);
3060 -webkit-transform: scaleX(-1);
3061 -ms-transform: scaleX(-1);
3062 transform: scaleX(-1);
3063 color: #7f888f;
3064 content: '\f002';
3065 cursor: default;
3066 display: block;
3067 font-size: 1.5em;
3068 height: 2em;
3069 line-height: 2em;
3070 opacity: 0.325;
3071 position: absolute;
3072 right: 0;
3073 text-align: center;
3074 top: 0;
3075 width: 2em;
3076 }
3077
3078 #search form input[type="text"] {
3079 padding-right: 2.75em;
3080 }
3081
3082 #sidebar {
3083 -moz-flex-grow: 0;
3084 -webkit-flex-grow: 0;
3085 -ms-flex-grow: 0;
3086 flex-grow: 0;
3087 -moz-flex-shrink: 0;
3088 -webkit-flex-shrink: 0;
3089 -ms-flex-shrink: 0;
3090 flex-shrink: 0;
3091 -moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
3092 -webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
3093 -ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
3094 transition: margin-left 0.5s ease, box-shadow 0.5s ease;
3095 background-color: #f5f6f7;
3096 font-size: 0.9em;
3097 position: relative;
3098 width: 26em;
3099 }
3100
3101 #sidebar h2 {
3102 font-size: 1.3888888889em;
3103 }
3104
3105 #sidebar > .inner {
3106 padding: 2.2222222222em 2.2222222222em 2.4444444444em 2.2222222222em ;
3107 position: relative;
3108 width: 26em;
3109 }
3110
3111 #sidebar > .inner > * {
3112 border-bottom: solid 2px rgba(210, 215, 217, 0.75);
3113 margin: 0 0 3.5em 0;
3114 padding: 0 0 3.5em 0;
3115 }
3116
3117 #sidebar > .inner > * > :last-child {
3118 margin-bottom: 0;
3119 }
3120
3121 #sidebar > .inner > *:last-child {
3122 border-bottom: 0;
3123 margin-bottom: 0;
3124 padding-bottom: 0;
3125 }
3126
3127 #sidebar > .inner > .alt {
3128 background-color: #eff1f2;
3129 border-bottom: 0;
3130 margin: -2.2222222222em 0 4.4444444444em -2.2222222222em;
3131 padding: 2.2222222222em;
3132 width: calc(100% + 4.4444444444em);
3133 }
3134
3135 #sidebar .toggle {
3136 text-decoration: none;
3137 -moz-transition: left 0.5s ease;
3138 -webkit-transition: left 0.5s ease;
3139 -ms-transition: left 0.5s ease;
3140 transition: left 0.5s ease;
3141 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
3142 border: 0;
3143 display: block;
3144 height: 7.5em;
3145 left: 26em;
3146 line-height: 7.5em;
3147 outline: 0;
3148 overflow: hidden;
3149 position: absolute;
3150 text-align: center;
3151 text-indent: 7.5em;
3152 top: 0;
3153 width: 6em;
3154 z-index: 10000;
3155 }
3156
3157 #sidebar .toggle:before {
3158 -moz-osx-font-smoothing: grayscale;
3159 -webkit-font-smoothing: antialiased;
3160 font-family: FontAwesome;
3161 font-style: normal;
3162 font-weight: normal;
3163 text-transform: none !important;
3164 }
3165
3166 #sidebar .toggle:before {
3167 content: '\f0c9';
3168 font-size: 2rem;
3169 height: inherit;
3170 left: 0;
3171 line-height: inherit;
3172 position: absolute;
3173 text-indent: 0;
3174 top: 0;
3175 width: inherit;
3176 }
3177
3178 #sidebar.inactive {
3179 margin-left: -26em;
3180 }
3181
3182 @media screen and (max-width: 1680px) {
3183
3184 #sidebar {
3185 width: 24em;
3186 }
3187
3188 #sidebar > .inner {
3189 padding: 1.6666666667em 1.6666666667em 1.3333333333em 1.6666666667em ;
3190 width: 24em;
3191 }
3192
3193 #sidebar > .inner > .alt {
3194 margin: -1.6666666667em 0 3.3333333333em -1.6666666667em;
3195 padding: 1.6666666667em;
3196 width: calc(100% + 3.3333333333em);
3197 }
3198
3199 #sidebar .toggle {
3200 height: 6.25em;
3201 left: 24em;
3202 line-height: 6.25em;
3203 text-indent: 5em;
3204 width: 5em;
3205 }
3206
3207 #sidebar .toggle:before {
3208 font-size: 1.5rem;
3209 }
3210
3211 #sidebar.inactive {
3212 margin-left: -24em;
3213 }
3214
3215 }
3216
3217 @media screen and (max-width: 1280px) {
3218
3219 #sidebar {
3220 box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
3221 height: 100%;
3222 left: 0;
3223 position: fixed;
3224 top: 0;
3225 z-index: 10000;
3226 }
3227
3228 #sidebar.inactive {
3229 box-shadow: none;
3230 }
3231
3232 #sidebar > .inner {
3233 -webkit-overflow-scrolling: touch;
3234 height: 100%;
3235 left: 0;
3236 overflow-x: hidden;
3237 overflow-y: auto;
3238 position: absolute;
3239 top: 0;
3240 }
3241
3242 #sidebar > .inner:after {
3243 content: '';
3244 display: block;
3245 height: 4em;
3246 width: 100%;
3247 }
3248
3249 #sidebar .toggle {
3250 text-indent: 6em;
3251 width: 6em;
3252 }
3253
3254 #sidebar .toggle:before {
3255 font-size: 1.5rem;
3256 margin-left: -0.4375em;
3257 }
3258
3259 body.is-preload #sidebar {
3260 display: none;
3261 }
3262
3263 }
3264
3265 @media screen and (max-width: 736px) {
3266
3267 #sidebar .toggle {
3268 text-indent: 7.25em;
3269 width: 7.25em;
3270 }
3271
3272 #sidebar .toggle:before {
3273 color: #7f888f;
3274 margin-left: -0.0625em;
3275 margin-top: -0.25em;
3276 font-size: 1.1rem;
3277 z-index: 1;
3278 }
3279
3280 #sidebar .toggle:after {
3281 background: rgba(222, 225, 226, 0.75);
3282 border-radius: 0.375em;
3283 content: '';
3284 height: 3.5em;
3285 left: 1em;
3286 position: absolute;
3287 top: 1em;
3288 width: 5em;
3289 }
3290
3291 }
3292
3293 /* Header */
3294
3295 #header {
3296 display: -moz-flex;
3297 display: -webkit-flex;
3298 display: -ms-flex;
3299 display: flex;
3300 border-bottom: solid 5px #f56a6a;
3301 padding: 6em 0 1em 0;
3302 position: relative;
3303 }
3304
3305 #header > * {
3306 -moz-flex: 1;
3307 -webkit-flex: 1;
3308 -ms-flex: 1;
3309 flex: 1;
3310 margin-bottom: 0;
3311 }
3312
3313 #header .logo {
3314 border-bottom: 0;
3315 color: inherit;
3316 font-family: "Roboto Slab", serif;
3317 font-size: 1.125em;
3318 }
3319
3320 #header .icons {
3321 text-align: right;
3322 }
3323
3324 @media screen and (max-width: 1680px) {
3325
3326 #header {
3327 padding-top: 5em;
3328 }
3329
3330 }
3331
3332 @media screen and (max-width: 736px) {
3333
3334 #header {
3335 padding-top: 6.5em;
3336 }
3337
3338 #header .logo {
3339 font-size: 1.25em;
3340 margin: 0;
3341 }
3342
3343 #header .icons {
3344 height: 5em;
3345 line-height: 5em;
3346 position: absolute;
3347 right: -0.5em;
3348 top: 0;
3349 }
3350
3351 }
3352
3353 /* Banner */
3354
3355 #banner {
3356 padding: 6em 0 4em 0 ;
3357 display: -moz-flex;
3358 display: -webkit-flex;
3359 display: -ms-flex;
3360 display: flex;
3361 }
3362
3363 #banner h1 {
3364 margin-top: -0.125em;
3365 }
3366
3367 #banner .content {
3368 -moz-flex-grow: 1;
3369 -webkit-flex-grow: 1;
3370 -ms-flex-grow: 1;
3371 flex-grow: 1;
3372 -moz-flex-shrink: 1;
3373 -webkit-flex-shrink: 1;
3374 -ms-flex-shrink: 1;
3375 flex-shrink: 1;
3376 width: 50%;
3377 }
3378
3379 #banner .image {
3380 -moz-flex-grow: 0;
3381 -webkit-flex-grow: 0;
3382 -ms-flex-grow: 0;
3383 flex-grow: 0;
3384 -moz-flex-shrink: 0;
3385 -webkit-flex-shrink: 0;
3386 -ms-flex-shrink: 0;
3387 flex-shrink: 0;
3388 display: block;
3389 margin: 0 0 2em 4em;
3390 width: 50%;
3391 }
3392
3393 #banner .image img {
3394 height: 100%;
3395 -moz-object-fit: cover;
3396 -webkit-object-fit: cover;
3397 -ms-object-fit: cover;
3398 object-fit: cover;
3399 -moz-object-position: center;
3400 -webkit-object-position: center;
3401 -ms-object-position: center;
3402 object-position: center;
3403 width: 100%;
3404 }
3405
3406 @media screen and (orientation: portrait) {
3407
3408 #banner {
3409 -moz-flex-direction: column-reverse;
3410 -webkit-flex-direction: column-reverse;
3411 -ms-flex-direction: column-reverse;
3412 flex-direction: column-reverse;
3413 }
3414
3415 #banner h1 br {
3416 display: none;
3417 }
3418
3419 #banner .content {
3420 -moz-flex-grow: 0;
3421 -webkit-flex-grow: 0;
3422 -ms-flex-grow: 0;
3423 flex-grow: 0;
3424 -moz-flex-shrink: 0;
3425 -webkit-flex-shrink: 0;
3426 -ms-flex-shrink: 0;
3427 flex-shrink: 0;
3428 width: 100%;
3429 }
3430
3431 #banner .image {
3432 -moz-flex-grow: 0;
3433 -webkit-flex-grow: 0;
3434 -ms-flex-grow: 0;
3435 flex-grow: 0;
3436 -moz-flex-shrink: 0;
3437 -webkit-flex-shrink: 0;
3438 -ms-flex-shrink: 0;
3439 flex-shrink: 0;
3440 margin: 0 0 4em 0;
3441 height: 25em;
3442 max-height: 50vh;
3443 min-height: 18em;
3444 width: 100%;
3445 }
3446
3447 }
3448
3449 @media screen and (orientation: portrait) and (max-width: 480px) {
3450
3451 #banner .image {
3452 max-height: 35vh;
3453 }
3454
3455 }
3456
3457 /* Footer */
3458
3459 #footer .copyright {
3460 color: #9fa3a6;
3461 font-size: 0.9em;
3462 }
3463
3464 #footer .copyright a {
3465 color: inherit;
3466 }
3467
3468 /* Menu */
3469
3470 #menu ul {
3471 -moz-user-select: none;
3472 -webkit-user-select: none;
3473 -ms-user-select: none;
3474 user-select: none;
3475 color: #3d4449;
3476 font-family: "Roboto Slab", serif;
3477 font-family: 400;
3478 letter-spacing: 0.075em;
3479 list-style: none;
3480 margin-bottom: 0;
3481 padding: 0;
3482 text-transform: uppercase;
3483 }
3484
3485 #menu ul a, #menu ul span {
3486 border-bottom: 0;
3487 color: inherit;
3488 cursor: pointer;
3489 display: block;
3490 font-size: 0.9em;
3491 padding: 0.625em 0;
3492 }
3493
3494 #menu ul a:hover, #menu ul span:hover {
3495 color: #f56a6a;
3496 }
3497
3498 #menu ul a.opener, #menu ul span.opener {
3499 -moz-transition: color 0.2s ease-in-out;
3500 -webkit-transition: color 0.2s ease-in-out;
3501 -ms-transition: color 0.2s ease-in-out;
3502 transition: color 0.2s ease-in-out;
3503 text-decoration: none;
3504 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
3505 position: relative;
3506 }
3507
3508 #menu ul a.opener:before, #menu ul span.opener:before {
3509 -moz-osx-font-smoothing: grayscale;
3510 -webkit-font-smoothing: antialiased;
3511 font-family: FontAwesome;
3512 font-style: normal;
3513 font-weight: normal;
3514 text-transform: none !important;
3515 }
3516
3517 #menu ul a.opener:before, #menu ul span.opener:before {
3518 -moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
3519 -webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
3520 -ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
3521 transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
3522 color: #9fa3a6;
3523 content: '\f078';
3524 position: absolute;
3525 right: 0;
3526 }
3527
3528 #menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
3529 color: #f56a6a;
3530 }
3531
3532 #menu ul a.opener.active + ul, #menu ul span.opener.active + ul {
3533 display: block;
3534 }
3535
3536 #menu ul a.opener.active:before, #menu ul span.opener.active:before {
3537 -moz-transform: rotate(-180deg);
3538 -webkit-transform: rotate(-180deg);
3539 -ms-transform: rotate(-180deg);
3540 transform: rotate(-180deg);
3541 }
3542
3543 #menu > ul > li {
3544 border-top: solid 1px rgba(210, 215, 217, 0.75);
3545 margin: 0.5em 0 0 0;
3546 padding: 0.5em 0 0 0;
3547 }
3548
3549 #menu > ul > li > ul {
3550 color: #9fa3a6;
3551 display: none;
3552 margin: 0.5em 0 1.5em 0;
3553 padding-left: 1em;
3554 }
3555
3556 #menu > ul > li > ul a, #menu > ul > li > ul span {
3557 font-size: 0.8em;
3558 }
3559
3560 #menu > ul > li > ul > li {
3561 margin: 0.125em 0 0 0;
3562 padding: 0.125em 0 0 0;
3563 }
3564
3565 #menu > ul > li:first-child {
3566 border-top: 0;
3567 margin-top: 0;
3568 padding-top: 0;
3569 }
Editorial theme for Ghost blog