docs: add page with basic rpcd info
[web.git] / css / foundation.css
1 meta.foundation-version {
2 font-family: "/5.5.0/";
3 }
4
5 meta.foundation-mq-small {
6 font-family: "/only screen/";
7 width: 0;
8 }
9
10 meta.foundation-mq-small-only {
11 font-family: "/only screen and (max-width: 40em)/";
12 width: 0;
13 }
14
15 meta.foundation-mq-medium {
16 font-family: "/only screen and (min-width:40.063em)/";
17 width: 40.063em;
18 }
19
20 meta.foundation-mq-medium-only {
21 font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
22 width: 40.063em;
23 }
24
25 meta.foundation-mq-large {
26 font-family: "/only screen and (min-width:64.063em)/";
27 width: 64.063em;
28 }
29
30 meta.foundation-mq-large-only {
31 font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
32 width: 64.063em;
33 }
34
35 meta.foundation-mq-xlarge {
36 font-family: "/only screen and (min-width:90.063em)/";
37 width: 90.063em;
38 }
39
40 meta.foundation-mq-xlarge-only {
41 font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
42 width: 90.063em;
43 }
44
45 meta.foundation-mq-xxlarge {
46 font-family: "/only screen and (min-width:120.063em)/";
47 width: 120.063em;
48 }
49
50 meta.foundation-data-attribute-namespace {
51 font-family: false;
52 }
53
54 html, body {
55 height: 100%;
56 }
57
58 *,
59 *:before,
60 *:after {
61 -webkit-box-sizing: border-box;
62 -moz-box-sizing: border-box;
63 box-sizing: border-box;
64 }
65
66 html,
67 body {
68 font-size: 100%;
69 }
70
71 body {
72 background: #fff;
73 color: #222;
74 padding: 0;
75 margin: 0;
76 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
77 font-weight: normal;
78 font-style: normal;
79 line-height: 1.5;
80 position: relative;
81 cursor: auto;
82 }
83
84 a:hover {
85 cursor: pointer;
86 }
87
88 img {
89 max-width: 100%;
90 height: auto;
91 }
92
93 img {
94 -ms-interpolation-mode: bicubic;
95 }
96
97 #map_canvas img,
98 #map_canvas embed,
99 #map_canvas object,
100 .map_canvas img,
101 .map_canvas embed,
102 .map_canvas object {
103 max-width: none !important;
104 }
105
106 .left {
107 float: left !important;
108 }
109
110 .right {
111 float: right !important;
112 }
113
114 .clearfix:before, .clearfix:after {
115 content: " ";
116 display: table;
117 }
118
119 .clearfix:after {
120 clear: both;
121 }
122
123 .hide {
124 display: none !important;
125 visibility: hidden;
126 }
127
128 .invisible {
129 visibility: hidden;
130 }
131
132 .antialiased {
133 -webkit-font-smoothing: antialiased;
134 -moz-osx-font-smoothing: grayscale;
135 }
136
137 img {
138 display: inline-block;
139 vertical-align: middle;
140 }
141
142 textarea {
143 height: auto;
144 min-height: 50px;
145 }
146
147 select {
148 width: 100%;
149 }
150
151 .row {
152 width: 100%;
153 margin-left: auto;
154 margin-right: auto;
155 margin-top: 0;
156 margin-bottom: 0;
157 max-width: 62.5rem;
158 }
159
160 .row:before, .row:after {
161 content: " ";
162 display: table;
163 }
164
165 .row:after {
166 clear: both;
167 }
168
169 .row.collapse > .column,
170 .row.collapse > .columns {
171 padding-left: 0;
172 padding-right: 0;
173 }
174
175 .row.collapse .row {
176 margin-left: 0;
177 margin-right: 0;
178 }
179
180 .row .row {
181 width: auto;
182 margin-left: -0.9375rem;
183 margin-right: -0.9375rem;
184 margin-top: 0;
185 margin-bottom: 0;
186 max-width: none;
187 }
188
189 .row .row:before, .row .row:after {
190 content: " ";
191 display: table;
192 }
193
194 .row .row:after {
195 clear: both;
196 }
197
198 .row .row.collapse {
199 width: auto;
200 margin: 0;
201 max-width: none;
202 }
203
204 .row .row.collapse:before, .row .row.collapse:after {
205 content: " ";
206 display: table;
207 }
208
209 .row .row.collapse:after {
210 clear: both;
211 }
212
213 .column,
214 .columns {
215 padding-left: 0.9375rem;
216 padding-right: 0.9375rem;
217 width: 100%;
218 float: left;
219 }
220
221 [class*="column"] + [class*="column"]:last-child {
222 float: right;
223 }
224
225 [class*="column"] + [class*="column"].end {
226 float: left;
227 }
228
229 @media only screen {
230 .small-push-0 {
231 position: relative;
232 left: 0%;
233 right: auto;
234 }
235
236 .small-pull-0 {
237 position: relative;
238 right: 0%;
239 left: auto;
240 }
241
242 .small-push-1 {
243 position: relative;
244 left: 8.33333%;
245 right: auto;
246 }
247
248 .small-pull-1 {
249 position: relative;
250 right: 8.33333%;
251 left: auto;
252 }
253
254 .small-push-2 {
255 position: relative;
256 left: 16.66667%;
257 right: auto;
258 }
259
260 .small-pull-2 {
261 position: relative;
262 right: 16.66667%;
263 left: auto;
264 }
265
266 .small-push-3 {
267 position: relative;
268 left: 25%;
269 right: auto;
270 }
271
272 .small-pull-3 {
273 position: relative;
274 right: 25%;
275 left: auto;
276 }
277
278 .small-push-4 {
279 position: relative;
280 left: 33.33333%;
281 right: auto;
282 }
283
284 .small-pull-4 {
285 position: relative;
286 right: 33.33333%;
287 left: auto;
288 }
289
290 .small-push-5 {
291 position: relative;
292 left: 41.66667%;
293 right: auto;
294 }
295
296 .small-pull-5 {
297 position: relative;
298 right: 41.66667%;
299 left: auto;
300 }
301
302 .small-push-6 {
303 position: relative;
304 left: 50%;
305 right: auto;
306 }
307
308 .small-pull-6 {
309 position: relative;
310 right: 50%;
311 left: auto;
312 }
313
314 .small-push-7 {
315 position: relative;
316 left: 58.33333%;
317 right: auto;
318 }
319
320 .small-pull-7 {
321 position: relative;
322 right: 58.33333%;
323 left: auto;
324 }
325
326 .small-push-8 {
327 position: relative;
328 left: 66.66667%;
329 right: auto;
330 }
331
332 .small-pull-8 {
333 position: relative;
334 right: 66.66667%;
335 left: auto;
336 }
337
338 .small-push-9 {
339 position: relative;
340 left: 75%;
341 right: auto;
342 }
343
344 .small-pull-9 {
345 position: relative;
346 right: 75%;
347 left: auto;
348 }
349
350 .small-push-10 {
351 position: relative;
352 left: 83.33333%;
353 right: auto;
354 }
355
356 .small-pull-10 {
357 position: relative;
358 right: 83.33333%;
359 left: auto;
360 }
361
362 .small-push-11 {
363 position: relative;
364 left: 91.66667%;
365 right: auto;
366 }
367
368 .small-pull-11 {
369 position: relative;
370 right: 91.66667%;
371 left: auto;
372 }
373
374 .column,
375 .columns {
376 position: relative;
377 padding-left: 0.9375rem;
378 padding-right: 0.9375rem;
379 float: left;
380 }
381
382 .small-1 {
383 width: 8.33333%;
384 }
385
386 .small-2 {
387 width: 16.66667%;
388 }
389
390 .small-3 {
391 width: 25%;
392 }
393
394 .small-4 {
395 width: 33.33333%;
396 }
397
398 .small-5 {
399 width: 41.66667%;
400 }
401
402 .small-6 {
403 width: 50%;
404 }
405
406 .small-7 {
407 width: 58.33333%;
408 }
409
410 .small-8 {
411 width: 66.66667%;
412 }
413
414 .small-9 {
415 width: 75%;
416 }
417
418 .small-10 {
419 width: 83.33333%;
420 }
421
422 .small-11 {
423 width: 91.66667%;
424 }
425
426 .small-12 {
427 width: 100%;
428 }
429
430 .small-offset-0 {
431 margin-left: 0% !important;
432 }
433
434 .small-offset-1 {
435 margin-left: 8.33333% !important;
436 }
437
438 .small-offset-2 {
439 margin-left: 16.66667% !important;
440 }
441
442 .small-offset-3 {
443 margin-left: 25% !important;
444 }
445
446 .small-offset-4 {
447 margin-left: 33.33333% !important;
448 }
449
450 .small-offset-5 {
451 margin-left: 41.66667% !important;
452 }
453
454 .small-offset-6 {
455 margin-left: 50% !important;
456 }
457
458 .small-offset-7 {
459 margin-left: 58.33333% !important;
460 }
461
462 .small-offset-8 {
463 margin-left: 66.66667% !important;
464 }
465
466 .small-offset-9 {
467 margin-left: 75% !important;
468 }
469
470 .small-offset-10 {
471 margin-left: 83.33333% !important;
472 }
473
474 .small-offset-11 {
475 margin-left: 91.66667% !important;
476 }
477
478 .small-reset-order {
479 margin-left: 0;
480 margin-right: 0;
481 left: auto;
482 right: auto;
483 float: left;
484 }
485
486 .column.small-centered,
487 .columns.small-centered {
488 margin-left: auto;
489 margin-right: auto;
490 float: none;
491 }
492
493 .column.small-uncentered,
494 .columns.small-uncentered {
495 margin-left: 0;
496 margin-right: 0;
497 float: left;
498 }
499
500 .column.small-centered:last-child,
501 .columns.small-centered:last-child {
502 float: none;
503 }
504
505 .column.small-uncentered:last-child,
506 .columns.small-uncentered:last-child {
507 float: left;
508 }
509
510 .column.small-uncentered.opposite,
511 .columns.small-uncentered.opposite {
512 float: right;
513 }
514
515 .row.small-collapse > .column,
516 .row.small-collapse > .columns {
517 padding-left: 0;
518 padding-right: 0;
519 }
520
521 .row.small-collapse .row {
522 margin-left: 0;
523 margin-right: 0;
524 }
525
526 .row.small-uncollapse > .column,
527 .row.small-uncollapse > .columns {
528 padding-left: 0.9375rem;
529 padding-right: 0.9375rem;
530 float: left;
531 }
532 }
533
534 @media only screen and (min-width: 40.063em) {
535 .medium-push-0 {
536 position: relative;
537 left: 0%;
538 right: auto;
539 }
540
541 .medium-pull-0 {
542 position: relative;
543 right: 0%;
544 left: auto;
545 }
546
547 .medium-push-1 {
548 position: relative;
549 left: 8.33333%;
550 right: auto;
551 }
552
553 .medium-pull-1 {
554 position: relative;
555 right: 8.33333%;
556 left: auto;
557 }
558
559 .medium-push-2 {
560 position: relative;
561 left: 16.66667%;
562 right: auto;
563 }
564
565 .medium-pull-2 {
566 position: relative;
567 right: 16.66667%;
568 left: auto;
569 }
570
571 .medium-push-3 {
572 position: relative;
573 left: 25%;
574 right: auto;
575 }
576
577 .medium-pull-3 {
578 position: relative;
579 right: 25%;
580 left: auto;
581 }
582
583 .medium-push-4 {
584 position: relative;
585 left: 33.33333%;
586 right: auto;
587 }
588
589 .medium-pull-4 {
590 position: relative;
591 right: 33.33333%;
592 left: auto;
593 }
594
595 .medium-push-5 {
596 position: relative;
597 left: 41.66667%;
598 right: auto;
599 }
600
601 .medium-pull-5 {
602 position: relative;
603 right: 41.66667%;
604 left: auto;
605 }
606
607 .medium-push-6 {
608 position: relative;
609 left: 50%;
610 right: auto;
611 }
612
613 .medium-pull-6 {
614 position: relative;
615 right: 50%;
616 left: auto;
617 }
618
619 .medium-push-7 {
620 position: relative;
621 left: 58.33333%;
622 right: auto;
623 }
624
625 .medium-pull-7 {
626 position: relative;
627 right: 58.33333%;
628 left: auto;
629 }
630
631 .medium-push-8 {
632 position: relative;
633 left: 66.66667%;
634 right: auto;
635 }
636
637 .medium-pull-8 {
638 position: relative;
639 right: 66.66667%;
640 left: auto;
641 }
642
643 .medium-push-9 {
644 position: relative;
645 left: 75%;
646 right: auto;
647 }
648
649 .medium-pull-9 {
650 position: relative;
651 right: 75%;
652 left: auto;
653 }
654
655 .medium-push-10 {
656 position: relative;
657 left: 83.33333%;
658 right: auto;
659 }
660
661 .medium-pull-10 {
662 position: relative;
663 right: 83.33333%;
664 left: auto;
665 }
666
667 .medium-push-11 {
668 position: relative;
669 left: 91.66667%;
670 right: auto;
671 }
672
673 .medium-pull-11 {
674 position: relative;
675 right: 91.66667%;
676 left: auto;
677 }
678
679 .column,
680 .columns {
681 position: relative;
682 padding-left: 0.9375rem;
683 padding-right: 0.9375rem;
684 float: left;
685 }
686
687 .medium-1 {
688 width: 8.33333%;
689 }
690
691 .medium-2 {
692 width: 16.66667%;
693 }
694
695 .medium-3 {
696 width: 25%;
697 }
698
699 .medium-4 {
700 width: 33.33333%;
701 }
702
703 .medium-5 {
704 width: 41.66667%;
705 }
706
707 .medium-6 {
708 width: 50%;
709 }
710
711 .medium-7 {
712 width: 58.33333%;
713 }
714
715 .medium-8 {
716 width: 66.66667%;
717 }
718
719 .medium-9 {
720 width: 75%;
721 }
722
723 .medium-10 {
724 width: 83.33333%;
725 }
726
727 .medium-11 {
728 width: 91.66667%;
729 }
730
731 .medium-12 {
732 width: 100%;
733 }
734
735 .medium-offset-0 {
736 margin-left: 0% !important;
737 }
738
739 .medium-offset-1 {
740 margin-left: 8.33333% !important;
741 }
742
743 .medium-offset-2 {
744 margin-left: 16.66667% !important;
745 }
746
747 .medium-offset-3 {
748 margin-left: 25% !important;
749 }
750
751 .medium-offset-4 {
752 margin-left: 33.33333% !important;
753 }
754
755 .medium-offset-5 {
756 margin-left: 41.66667% !important;
757 }
758
759 .medium-offset-6 {
760 margin-left: 50% !important;
761 }
762
763 .medium-offset-7 {
764 margin-left: 58.33333% !important;
765 }
766
767 .medium-offset-8 {
768 margin-left: 66.66667% !important;
769 }
770
771 .medium-offset-9 {
772 margin-left: 75% !important;
773 }
774
775 .medium-offset-10 {
776 margin-left: 83.33333% !important;
777 }
778
779 .medium-offset-11 {
780 margin-left: 91.66667% !important;
781 }
782
783 .medium-reset-order {
784 margin-left: 0;
785 margin-right: 0;
786 left: auto;
787 right: auto;
788 float: left;
789 }
790
791 .column.medium-centered,
792 .columns.medium-centered {
793 margin-left: auto;
794 margin-right: auto;
795 float: none;
796 }
797
798 .column.medium-uncentered,
799 .columns.medium-uncentered {
800 margin-left: 0;
801 margin-right: 0;
802 float: left;
803 }
804
805 .column.medium-centered:last-child,
806 .columns.medium-centered:last-child {
807 float: none;
808 }
809
810 .column.medium-uncentered:last-child,
811 .columns.medium-uncentered:last-child {
812 float: left;
813 }
814
815 .column.medium-uncentered.opposite,
816 .columns.medium-uncentered.opposite {
817 float: right;
818 }
819
820 .row.medium-collapse > .column,
821 .row.medium-collapse > .columns {
822 padding-left: 0;
823 padding-right: 0;
824 }
825
826 .row.medium-collapse .row {
827 margin-left: 0;
828 margin-right: 0;
829 }
830
831 .row.medium-uncollapse > .column,
832 .row.medium-uncollapse > .columns {
833 padding-left: 0.9375rem;
834 padding-right: 0.9375rem;
835 float: left;
836 }
837
838 .push-0 {
839 position: relative;
840 left: 0%;
841 right: auto;
842 }
843
844 .pull-0 {
845 position: relative;
846 right: 0%;
847 left: auto;
848 }
849
850 .push-1 {
851 position: relative;
852 left: 8.33333%;
853 right: auto;
854 }
855
856 .pull-1 {
857 position: relative;
858 right: 8.33333%;
859 left: auto;
860 }
861
862 .push-2 {
863 position: relative;
864 left: 16.66667%;
865 right: auto;
866 }
867
868 .pull-2 {
869 position: relative;
870 right: 16.66667%;
871 left: auto;
872 }
873
874 .push-3 {
875 position: relative;
876 left: 25%;
877 right: auto;
878 }
879
880 .pull-3 {
881 position: relative;
882 right: 25%;
883 left: auto;
884 }
885
886 .push-4 {
887 position: relative;
888 left: 33.33333%;
889 right: auto;
890 }
891
892 .pull-4 {
893 position: relative;
894 right: 33.33333%;
895 left: auto;
896 }
897
898 .push-5 {
899 position: relative;
900 left: 41.66667%;
901 right: auto;
902 }
903
904 .pull-5 {
905 position: relative;
906 right: 41.66667%;
907 left: auto;
908 }
909
910 .push-6 {
911 position: relative;
912 left: 50%;
913 right: auto;
914 }
915
916 .pull-6 {
917 position: relative;
918 right: 50%;
919 left: auto;
920 }
921
922 .push-7 {
923 position: relative;
924 left: 58.33333%;
925 right: auto;
926 }
927
928 .pull-7 {
929 position: relative;
930 right: 58.33333%;
931 left: auto;
932 }
933
934 .push-8 {
935 position: relative;
936 left: 66.66667%;
937 right: auto;
938 }
939
940 .pull-8 {
941 position: relative;
942 right: 66.66667%;
943 left: auto;
944 }
945
946 .push-9 {
947 position: relative;
948 left: 75%;
949 right: auto;
950 }
951
952 .pull-9 {
953 position: relative;
954 right: 75%;
955 left: auto;
956 }
957
958 .push-10 {
959 position: relative;
960 left: 83.33333%;
961 right: auto;
962 }
963
964 .pull-10 {
965 position: relative;
966 right: 83.33333%;
967 left: auto;
968 }
969
970 .push-11 {
971 position: relative;
972 left: 91.66667%;
973 right: auto;
974 }
975
976 .pull-11 {
977 position: relative;
978 right: 91.66667%;
979 left: auto;
980 }
981 }
982
983 @media only screen and (min-width: 64.063em) {
984 .large-push-0 {
985 position: relative;
986 left: 0%;
987 right: auto;
988 }
989
990 .large-pull-0 {
991 position: relative;
992 right: 0%;
993 left: auto;
994 }
995
996 .large-push-1 {
997 position: relative;
998 left: 8.33333%;
999 right: auto;
1000 }
1001
1002 .large-pull-1 {
1003 position: relative;
1004 right: 8.33333%;
1005 left: auto;
1006 }
1007
1008 .large-push-2 {
1009 position: relative;
1010 left: 16.66667%;
1011 right: auto;
1012 }
1013
1014 .large-pull-2 {
1015 position: relative;
1016 right: 16.66667%;
1017 left: auto;
1018 }
1019
1020 .large-push-3 {
1021 position: relative;
1022 left: 25%;
1023 right: auto;
1024 }
1025
1026 .large-pull-3 {
1027 position: relative;
1028 right: 25%;
1029 left: auto;
1030 }
1031
1032 .large-push-4 {
1033 position: relative;
1034 left: 33.33333%;
1035 right: auto;
1036 }
1037
1038 .large-pull-4 {
1039 position: relative;
1040 right: 33.33333%;
1041 left: auto;
1042 }
1043
1044 .large-push-5 {
1045 position: relative;
1046 left: 41.66667%;
1047 right: auto;
1048 }
1049
1050 .large-pull-5 {
1051 position: relative;
1052 right: 41.66667%;
1053 left: auto;
1054 }
1055
1056 .large-push-6 {
1057 position: relative;
1058 left: 50%;
1059 right: auto;
1060 }
1061
1062 .large-pull-6 {
1063 position: relative;
1064 right: 50%;
1065 left: auto;
1066 }
1067
1068 .large-push-7 {
1069 position: relative;
1070 left: 58.33333%;
1071 right: auto;
1072 }
1073
1074 .large-pull-7 {
1075 position: relative;
1076 right: 58.33333%;
1077 left: auto;
1078 }
1079
1080 .large-push-8 {
1081 position: relative;
1082 left: 66.66667%;
1083 right: auto;
1084 }
1085
1086 .large-pull-8 {
1087 position: relative;
1088 right: 66.66667%;
1089 left: auto;
1090 }
1091
1092 .large-push-9 {
1093 position: relative;
1094 left: 75%;
1095 right: auto;
1096 }
1097
1098 .large-pull-9 {
1099 position: relative;
1100 right: 75%;
1101 left: auto;
1102 }
1103
1104 .large-push-10 {
1105 position: relative;
1106 left: 83.33333%;
1107 right: auto;
1108 }
1109
1110 .large-pull-10 {
1111 position: relative;
1112 right: 83.33333%;
1113 left: auto;
1114 }
1115
1116 .large-push-11 {
1117 position: relative;
1118 left: 91.66667%;
1119 right: auto;
1120 }
1121
1122 .large-pull-11 {
1123 position: relative;
1124 right: 91.66667%;
1125 left: auto;
1126 }
1127
1128 .column,
1129 .columns {
1130 position: relative;
1131 padding-left: 0.9375rem;
1132 padding-right: 0.9375rem;
1133 float: left;
1134 }
1135
1136 .large-1 {
1137 width: 8.33333%;
1138 }
1139
1140 .large-2 {
1141 width: 16.66667%;
1142 }
1143
1144 .large-3 {
1145 width: 25%;
1146 }
1147
1148 .large-4 {
1149 width: 33.33333%;
1150 }
1151
1152 .large-5 {
1153 width: 41.66667%;
1154 }
1155
1156 .large-6 {
1157 width: 50%;
1158 }
1159
1160 .large-7 {
1161 width: 58.33333%;
1162 }
1163
1164 .large-8 {
1165 width: 66.66667%;
1166 }
1167
1168 .large-9 {
1169 width: 75%;
1170 }
1171
1172 .large-10 {
1173 width: 83.33333%;
1174 }
1175
1176 .large-11 {
1177 width: 91.66667%;
1178 }
1179
1180 .large-12 {
1181 width: 100%;
1182 }
1183
1184 .large-offset-0 {
1185 margin-left: 0% !important;
1186 }
1187
1188 .large-offset-1 {
1189 margin-left: 8.33333% !important;
1190 }
1191
1192 .large-offset-2 {
1193 margin-left: 16.66667% !important;
1194 }
1195
1196 .large-offset-3 {
1197 margin-left: 25% !important;
1198 }
1199
1200 .large-offset-4 {
1201 margin-left: 33.33333% !important;
1202 }
1203
1204 .large-offset-5 {
1205 margin-left: 41.66667% !important;
1206 }
1207
1208 .large-offset-6 {
1209 margin-left: 50% !important;
1210 }
1211
1212 .large-offset-7 {
1213 margin-left: 58.33333% !important;
1214 }
1215
1216 .large-offset-8 {
1217 margin-left: 66.66667% !important;
1218 }
1219
1220 .large-offset-9 {
1221 margin-left: 75% !important;
1222 }
1223
1224 .large-offset-10 {
1225 margin-left: 83.33333% !important;
1226 }
1227
1228 .large-offset-11 {
1229 margin-left: 91.66667% !important;
1230 }
1231
1232 .large-reset-order {
1233 margin-left: 0;
1234 margin-right: 0;
1235 left: auto;
1236 right: auto;
1237 float: left;
1238 }
1239
1240 .column.large-centered,
1241 .columns.large-centered {
1242 margin-left: auto;
1243 margin-right: auto;
1244 float: none;
1245 }
1246
1247 .column.large-uncentered,
1248 .columns.large-uncentered {
1249 margin-left: 0;
1250 margin-right: 0;
1251 float: left;
1252 }
1253
1254 .column.large-centered:last-child,
1255 .columns.large-centered:last-child {
1256 float: none;
1257 }
1258
1259 .column.large-uncentered:last-child,
1260 .columns.large-uncentered:last-child {
1261 float: left;
1262 }
1263
1264 .column.large-uncentered.opposite,
1265 .columns.large-uncentered.opposite {
1266 float: right;
1267 }
1268
1269 .row.large-collapse > .column,
1270 .row.large-collapse > .columns {
1271 padding-left: 0;
1272 padding-right: 0;
1273 }
1274
1275 .row.large-collapse .row {
1276 margin-left: 0;
1277 margin-right: 0;
1278 }
1279
1280 .row.large-uncollapse > .column,
1281 .row.large-uncollapse > .columns {
1282 padding-left: 0.9375rem;
1283 padding-right: 0.9375rem;
1284 float: left;
1285 }
1286
1287 .push-0 {
1288 position: relative;
1289 left: 0%;
1290 right: auto;
1291 }
1292
1293 .pull-0 {
1294 position: relative;
1295 right: 0%;
1296 left: auto;
1297 }
1298
1299 .push-1 {
1300 position: relative;
1301 left: 8.33333%;
1302 right: auto;
1303 }
1304
1305 .pull-1 {
1306 position: relative;
1307 right: 8.33333%;
1308 left: auto;
1309 }
1310
1311 .push-2 {
1312 position: relative;
1313 left: 16.66667%;
1314 right: auto;
1315 }
1316
1317 .pull-2 {
1318 position: relative;
1319 right: 16.66667%;
1320 left: auto;
1321 }
1322
1323 .push-3 {
1324 position: relative;
1325 left: 25%;
1326 right: auto;
1327 }
1328
1329 .pull-3 {
1330 position: relative;
1331 right: 25%;
1332 left: auto;
1333 }
1334
1335 .push-4 {
1336 position: relative;
1337 left: 33.33333%;
1338 right: auto;
1339 }
1340
1341 .pull-4 {
1342 position: relative;
1343 right: 33.33333%;
1344 left: auto;
1345 }
1346
1347 .push-5 {
1348 position: relative;
1349 left: 41.66667%;
1350 right: auto;
1351 }
1352
1353 .pull-5 {
1354 position: relative;
1355 right: 41.66667%;
1356 left: auto;
1357 }
1358
1359 .push-6 {
1360 position: relative;
1361 left: 50%;
1362 right: auto;
1363 }
1364
1365 .pull-6 {
1366 position: relative;
1367 right: 50%;
1368 left: auto;
1369 }
1370
1371 .push-7 {
1372 position: relative;
1373 left: 58.33333%;
1374 right: auto;
1375 }
1376
1377 .pull-7 {
1378 position: relative;
1379 right: 58.33333%;
1380 left: auto;
1381 }
1382
1383 .push-8 {
1384 position: relative;
1385 left: 66.66667%;
1386 right: auto;
1387 }
1388
1389 .pull-8 {
1390 position: relative;
1391 right: 66.66667%;
1392 left: auto;
1393 }
1394
1395 .push-9 {
1396 position: relative;
1397 left: 75%;
1398 right: auto;
1399 }
1400
1401 .pull-9 {
1402 position: relative;
1403 right: 75%;
1404 left: auto;
1405 }
1406
1407 .push-10 {
1408 position: relative;
1409 left: 83.33333%;
1410 right: auto;
1411 }
1412
1413 .pull-10 {
1414 position: relative;
1415 right: 83.33333%;
1416 left: auto;
1417 }
1418
1419 .push-11 {
1420 position: relative;
1421 left: 91.66667%;
1422 right: auto;
1423 }
1424
1425 .pull-11 {
1426 position: relative;
1427 right: 91.66667%;
1428 left: auto;
1429 }
1430 }
1431
1432 button, .button {
1433 border-style: solid;
1434 border-width: 0;
1435 cursor: pointer;
1436 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
1437 font-weight: normal;
1438 line-height: normal;
1439 margin: 0 0 1.25rem;
1440 position: relative;
1441 text-decoration: none;
1442 text-align: center;
1443 -webkit-appearance: none;
1444 border-radius: 0;
1445 display: inline-block;
1446 padding-top: 1rem;
1447 padding-right: 2rem;
1448 padding-bottom: 1.0625rem;
1449 padding-left: 2rem;
1450 font-size: 1rem;
1451 background-color: #008CBA;
1452 border-color: #007095;
1453 color: #FFFFFF;
1454 transition: background-color 300ms ease-out;
1455 }
1456
1457 button:hover, button:focus, .button:hover, .button:focus {
1458 background-color: #007095;
1459 }
1460
1461 button:hover, button:focus, .button:hover, .button:focus {
1462 color: #FFFFFF;
1463 }
1464
1465 button.secondary, .button.secondary {
1466 background-color: #e7e7e7;
1467 border-color: #b9b9b9;
1468 color: #333333;
1469 }
1470
1471 button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
1472 background-color: #b9b9b9;
1473 }
1474
1475 button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
1476 color: #333333;
1477 }
1478
1479 button.success, .button.success {
1480 background-color: #43AC6A;
1481 border-color: #368a55;
1482 color: #FFFFFF;
1483 }
1484
1485 button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
1486 background-color: #368a55;
1487 }
1488
1489 button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
1490 color: #FFFFFF;
1491 }
1492
1493 button.alert, .button.alert {
1494 background-color: #f04124;
1495 border-color: #cf2a0e;
1496 color: #FFFFFF;
1497 }
1498
1499 button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
1500 background-color: #cf2a0e;
1501 }
1502
1503 button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
1504 color: #FFFFFF;
1505 }
1506
1507 button.warning, .button.warning {
1508 background-color: #f08a24;
1509 border-color: #cf6e0e;
1510 color: #FFFFFF;
1511 }
1512
1513 button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
1514 background-color: #cf6e0e;
1515 }
1516
1517 button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
1518 color: #FFFFFF;
1519 }
1520
1521 button.info, .button.info {
1522 background-color: #a0d3e8;
1523 border-color: #61b6d9;
1524 color: #333333;
1525 }
1526
1527 button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
1528 background-color: #61b6d9;
1529 }
1530
1531 button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
1532 color: #FFFFFF;
1533 }
1534
1535 button.large, .button.large {
1536 padding-top: 1.125rem;
1537 padding-right: 2.25rem;
1538 padding-bottom: 1.1875rem;
1539 padding-left: 2.25rem;
1540 font-size: 1.25rem;
1541 }
1542
1543 button.small, .button.small {
1544 padding-top: 0.875rem;
1545 padding-right: 1.75rem;
1546 padding-bottom: 0.9375rem;
1547 padding-left: 1.75rem;
1548 font-size: 0.8125rem;
1549 }
1550
1551 button.tiny, .button.tiny {
1552 padding-top: 0.625rem;
1553 padding-right: 1.25rem;
1554 padding-bottom: 0.6875rem;
1555 padding-left: 1.25rem;
1556 font-size: 0.6875rem;
1557 }
1558
1559 button.expand, .button.expand {
1560 padding-right: 0;
1561 padding-left: 0;
1562 width: 100%;
1563 }
1564
1565 button.left-align, .button.left-align {
1566 text-align: left;
1567 text-indent: 0.75rem;
1568 }
1569
1570 button.right-align, .button.right-align {
1571 text-align: right;
1572 padding-right: 0.75rem;
1573 }
1574
1575 button.radius, .button.radius {
1576 border-radius: 3px;
1577 }
1578
1579 button.round, .button.round {
1580 border-radius: 1000px;
1581 }
1582
1583 button.disabled, button[disabled], .button.disabled, .button[disabled] {
1584 background-color: #008CBA;
1585 border-color: #007095;
1586 color: #FFFFFF;
1587 cursor: default;
1588 opacity: 0.7;
1589 box-shadow: none;
1590 }
1591
1592 button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
1593 background-color: #007095;
1594 }
1595
1596 button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
1597 color: #FFFFFF;
1598 }
1599
1600 button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
1601 background-color: #008CBA;
1602 }
1603
1604 button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
1605 background-color: #e7e7e7;
1606 border-color: #b9b9b9;
1607 color: #333333;
1608 cursor: default;
1609 opacity: 0.7;
1610 box-shadow: none;
1611 }
1612
1613 button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
1614 background-color: #b9b9b9;
1615 }
1616
1617 button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
1618 color: #333333;
1619 }
1620
1621 button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
1622 background-color: #e7e7e7;
1623 }
1624
1625 button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
1626 background-color: #43AC6A;
1627 border-color: #368a55;
1628 color: #FFFFFF;
1629 cursor: default;
1630 opacity: 0.7;
1631 box-shadow: none;
1632 }
1633
1634 button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
1635 background-color: #368a55;
1636 }
1637
1638 button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
1639 color: #FFFFFF;
1640 }
1641
1642 button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
1643 background-color: #43AC6A;
1644 }
1645
1646 button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
1647 background-color: #f04124;
1648 border-color: #cf2a0e;
1649 color: #FFFFFF;
1650 cursor: default;
1651 opacity: 0.7;
1652 box-shadow: none;
1653 }
1654
1655 button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
1656 background-color: #cf2a0e;
1657 }
1658
1659 button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
1660 color: #FFFFFF;
1661 }
1662
1663 button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
1664 background-color: #f04124;
1665 }
1666
1667 button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
1668 background-color: #f08a24;
1669 border-color: #cf6e0e;
1670 color: #FFFFFF;
1671 cursor: default;
1672 opacity: 0.7;
1673 box-shadow: none;
1674 }
1675
1676 button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
1677 background-color: #cf6e0e;
1678 }
1679
1680 button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
1681 color: #FFFFFF;
1682 }
1683
1684 button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
1685 background-color: #f08a24;
1686 }
1687
1688 button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
1689 background-color: #a0d3e8;
1690 border-color: #61b6d9;
1691 color: #333333;
1692 cursor: default;
1693 opacity: 0.7;
1694 box-shadow: none;
1695 }
1696
1697 button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
1698 background-color: #61b6d9;
1699 }
1700
1701 button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
1702 color: #FFFFFF;
1703 }
1704
1705 button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
1706 background-color: #a0d3e8;
1707 }
1708
1709 button::-moz-focus-inner {
1710 border: 0;
1711 padding: 0;
1712 }
1713
1714 @media only screen and (min-width: 40.063em) {
1715 button, .button {
1716 display: inline-block;
1717 }
1718 }
1719
1720 /* Standard Forms */
1721 form {
1722 margin: 0 0 1rem;
1723 }
1724
1725 /* Using forms within rows, we need to set some defaults */
1726 form .row .row {
1727 margin: 0 -0.5rem;
1728 }
1729
1730 form .row .row .column,
1731 form .row .row .columns {
1732 padding: 0 0.5rem;
1733 }
1734
1735 form .row .row.collapse {
1736 margin: 0;
1737 }
1738
1739 form .row .row.collapse .column,
1740 form .row .row.collapse .columns {
1741 padding: 0;
1742 }
1743
1744 form .row .row.collapse input {
1745 -webkit-border-bottom-right-radius: 0;
1746 -webkit-border-top-right-radius: 0;
1747 border-bottom-right-radius: 0;
1748 border-top-right-radius: 0;
1749 }
1750
1751 form .row input.column,
1752 form .row input.columns,
1753 form .row textarea.column,
1754 form .row textarea.columns {
1755 padding-left: 0.5rem;
1756 }
1757
1758 /* Label Styles */
1759 label {
1760 font-size: 0.875rem;
1761 color: #4d4d4d;
1762 cursor: pointer;
1763 display: block;
1764 font-weight: normal;
1765 line-height: 1.5;
1766 margin-bottom: 0;
1767 /* Styles for required inputs */
1768 }
1769
1770 label.right {
1771 float: none !important;
1772 text-align: right;
1773 }
1774
1775 label.inline {
1776 margin: 0 0 1rem 0;
1777 padding: 0.5625rem 0;
1778 }
1779
1780 label small {
1781 text-transform: capitalize;
1782 color: #676767;
1783 }
1784
1785 /* Attach elements to the beginning or end of an input */
1786 .prefix,
1787 .postfix {
1788 display: block;
1789 position: relative;
1790 z-index: 2;
1791 text-align: center;
1792 width: 100%;
1793 padding-top: 0;
1794 padding-bottom: 0;
1795 border-style: solid;
1796 border-width: 1px;
1797 overflow: hidden;
1798 font-size: 0.875rem;
1799 height: 2.3125rem;
1800 line-height: 2.3125rem;
1801 }
1802
1803 /* Adjust padding, alignment and radius if pre/post element is a button */
1804 .postfix.button {
1805 padding-left: 0;
1806 padding-right: 0;
1807 padding-top: 0;
1808 padding-bottom: 0;
1809 text-align: center;
1810 border: none;
1811 }
1812
1813 .prefix.button {
1814 padding-left: 0;
1815 padding-right: 0;
1816 padding-top: 0;
1817 padding-bottom: 0;
1818 text-align: center;
1819 border: none;
1820 }
1821
1822 .prefix.button.radius {
1823 border-radius: 0;
1824 -webkit-border-bottom-left-radius: 3px;
1825 -webkit-border-top-left-radius: 3px;
1826 border-bottom-left-radius: 3px;
1827 border-top-left-radius: 3px;
1828 }
1829
1830 .postfix.button.radius {
1831 border-radius: 0;
1832 -webkit-border-bottom-right-radius: 3px;
1833 -webkit-border-top-right-radius: 3px;
1834 border-bottom-right-radius: 3px;
1835 border-top-right-radius: 3px;
1836 }
1837
1838 .prefix.button.round {
1839 border-radius: 0;
1840 -webkit-border-bottom-left-radius: 1000px;
1841 -webkit-border-top-left-radius: 1000px;
1842 border-bottom-left-radius: 1000px;
1843 border-top-left-radius: 1000px;
1844 }
1845
1846 .postfix.button.round {
1847 border-radius: 0;
1848 -webkit-border-bottom-right-radius: 1000px;
1849 -webkit-border-top-right-radius: 1000px;
1850 border-bottom-right-radius: 1000px;
1851 border-top-right-radius: 1000px;
1852 }
1853
1854 /* Separate prefix and postfix styles when on span or label so buttons keep their own */
1855 span.prefix, label.prefix {
1856 background: #f2f2f2;
1857 border-right: none;
1858 color: #333333;
1859 border-color: #cccccc;
1860 }
1861
1862 span.postfix, label.postfix {
1863 background: #f2f2f2;
1864 border-left: none;
1865 color: #333333;
1866 border-color: #cccccc;
1867 }
1868
1869 /* We use this to get basic styling on all basic form elements */
1870 input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
1871 -webkit-appearance: none;
1872 border-radius: 0;
1873 background-color: #FFFFFF;
1874 font-family: inherit;
1875 border-style: solid;
1876 border-width: 1px;
1877 border-color: #cccccc;
1878 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1879 color: rgba(0, 0, 0, 0.75);
1880 display: block;
1881 font-size: 0.875rem;
1882 margin: 0 0 1rem 0;
1883 padding: 0.5rem;
1884 height: 2.3125rem;
1885 width: 100%;
1886 -webkit-box-sizing: border-box;
1887 -moz-box-sizing: border-box;
1888 box-sizing: border-box;
1889 transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
1890 }
1891
1892 input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
1893 box-shadow: 0 0 5px #999999;
1894 border-color: #999999;
1895 }
1896
1897 input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
1898 background: #fafafa;
1899 border-color: #999999;
1900 outline: none;
1901 }
1902
1903 input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
1904 background-color: #DDDDDD;
1905 cursor: default;
1906 }
1907
1908 input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
1909 background-color: #DDDDDD;
1910 cursor: default;
1911 }
1912
1913 input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
1914 border-radius: 3px;
1915 }
1916
1917 form .row .prefix-radius.row.collapse input,
1918 form .row .prefix-radius.row.collapse textarea,
1919 form .row .prefix-radius.row.collapse select {
1920 border-radius: 0;
1921 -webkit-border-bottom-right-radius: 3px;
1922 -webkit-border-top-right-radius: 3px;
1923 border-bottom-right-radius: 3px;
1924 border-top-right-radius: 3px;
1925 }
1926
1927 form .row .prefix-radius.row.collapse .prefix {
1928 border-radius: 0;
1929 -webkit-border-bottom-left-radius: 3px;
1930 -webkit-border-top-left-radius: 3px;
1931 border-bottom-left-radius: 3px;
1932 border-top-left-radius: 3px;
1933 }
1934
1935 form .row .postfix-radius.row.collapse input,
1936 form .row .postfix-radius.row.collapse textarea,
1937 form .row .postfix-radius.row.collapse select {
1938 border-radius: 0;
1939 -webkit-border-bottom-left-radius: 3px;
1940 -webkit-border-top-left-radius: 3px;
1941 border-bottom-left-radius: 3px;
1942 border-top-left-radius: 3px;
1943 }
1944
1945 form .row .postfix-radius.row.collapse .postfix {
1946 border-radius: 0;
1947 -webkit-border-bottom-right-radius: 3px;
1948 -webkit-border-top-right-radius: 3px;
1949 border-bottom-right-radius: 3px;
1950 border-top-right-radius: 3px;
1951 }
1952
1953 form .row .prefix-round.row.collapse input,
1954 form .row .prefix-round.row.collapse textarea,
1955 form .row .prefix-round.row.collapse select {
1956 border-radius: 0;
1957 -webkit-border-bottom-right-radius: 1000px;
1958 -webkit-border-top-right-radius: 1000px;
1959 border-bottom-right-radius: 1000px;
1960 border-top-right-radius: 1000px;
1961 }
1962
1963 form .row .prefix-round.row.collapse .prefix {
1964 border-radius: 0;
1965 -webkit-border-bottom-left-radius: 1000px;
1966 -webkit-border-top-left-radius: 1000px;
1967 border-bottom-left-radius: 1000px;
1968 border-top-left-radius: 1000px;
1969 }
1970
1971 form .row .postfix-round.row.collapse input,
1972 form .row .postfix-round.row.collapse textarea,
1973 form .row .postfix-round.row.collapse select {
1974 border-radius: 0;
1975 -webkit-border-bottom-left-radius: 1000px;
1976 -webkit-border-top-left-radius: 1000px;
1977 border-bottom-left-radius: 1000px;
1978 border-top-left-radius: 1000px;
1979 }
1980
1981 form .row .postfix-round.row.collapse .postfix {
1982 border-radius: 0;
1983 -webkit-border-bottom-right-radius: 1000px;
1984 -webkit-border-top-right-radius: 1000px;
1985 border-bottom-right-radius: 1000px;
1986 border-top-right-radius: 1000px;
1987 }
1988
1989 input[type="submit"] {
1990 -webkit-appearance: none;
1991 border-radius: 0;
1992 }
1993
1994 /* Respect enforced amount of rows for textarea */
1995 textarea[rows] {
1996 height: auto;
1997 }
1998
1999 /* Not allow resize out of parent */
2000 textarea {
2001 max-width: 100%;
2002 }
2003
2004 /* Add height value for select elements to match text input height */
2005 select {
2006 -webkit-appearance: none !important;
2007 border-radius: 0;
2008 background-color: #FAFAFA;
2009 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
2010 background-position: 100% center;
2011 background-repeat: no-repeat;
2012 border-style: solid;
2013 border-width: 1px;
2014 border-color: #cccccc;
2015 padding: 0.5rem;
2016 font-size: 0.875rem;
2017 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
2018 color: rgba(0, 0, 0, 0.75);
2019 line-height: normal;
2020 border-radius: 0;
2021 height: 2.3125rem;
2022 }
2023
2024 select::-ms-expand {
2025 display: none;
2026 }
2027
2028 select.radius {
2029 border-radius: 3px;
2030 }
2031
2032 select:hover {
2033 background-color: #f3f3f3;
2034 border-color: #999999;
2035 }
2036
2037 select:disabled {
2038 background-color: #DDDDDD;
2039 cursor: default;
2040 }
2041
2042 /* Adjust margin for form elements below */
2043 input[type="file"],
2044 input[type="checkbox"],
2045 input[type="radio"],
2046 select {
2047 margin: 0 0 1rem 0;
2048 }
2049
2050 input[type="checkbox"] + label,
2051 input[type="radio"] + label {
2052 display: inline-block;
2053 margin-left: 0.5rem;
2054 margin-right: 1rem;
2055 margin-bottom: 0;
2056 vertical-align: baseline;
2057 }
2058
2059 /* Normalize file input width */
2060 input[type="file"] {
2061 width: 100%;
2062 }
2063
2064 /* HTML5 Number spinners settings */
2065 /* We add basic fieldset styling */
2066 fieldset {
2067 border: 1px solid #DDDDDD;
2068 padding: 1.25rem;
2069 margin: 1.125rem 0;
2070 }
2071
2072 fieldset legend {
2073 font-weight: bold;
2074 background: #FFFFFF;
2075 padding: 0 0.1875rem;
2076 margin: 0;
2077 margin-left: -0.1875rem;
2078 }
2079
2080 /* Error Handling */
2081 [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
2082 display: block;
2083 padding: 0.375rem 0.5625rem 0.5625rem;
2084 margin-top: -1px;
2085 margin-bottom: 1rem;
2086 font-size: 0.75rem;
2087 font-weight: normal;
2088 font-style: italic;
2089 background: #f04124;
2090 color: #FFFFFF;
2091 }
2092
2093 [data-abide] span.error, [data-abide] small.error {
2094 display: none;
2095 }
2096
2097 span.error, small.error {
2098 display: block;
2099 padding: 0.375rem 0.5625rem 0.5625rem;
2100 margin-top: -1px;
2101 margin-bottom: 1rem;
2102 font-size: 0.75rem;
2103 font-weight: normal;
2104 font-style: italic;
2105 background: #f04124;
2106 color: #FFFFFF;
2107 }
2108
2109 .error input,
2110 .error textarea,
2111 .error select {
2112 margin-bottom: 0;
2113 }
2114
2115 .error input[type="checkbox"],
2116 .error input[type="radio"] {
2117 margin-bottom: 1rem;
2118 }
2119
2120 .error label,
2121 .error label.error {
2122 color: #f04124;
2123 }
2124
2125 .error small.error {
2126 display: block;
2127 padding: 0.375rem 0.5625rem 0.5625rem;
2128 margin-top: -1px;
2129 margin-bottom: 1rem;
2130 font-size: 0.75rem;
2131 font-weight: normal;
2132 font-style: italic;
2133 background: #f04124;
2134 color: #FFFFFF;
2135 }
2136
2137 .error > label > small {
2138 color: #676767;
2139 background: transparent;
2140 padding: 0;
2141 text-transform: capitalize;
2142 font-style: normal;
2143 font-size: 60%;
2144 margin: 0;
2145 display: inline;
2146 }
2147
2148 .error span.error-message {
2149 display: block;
2150 }
2151
2152 input.error,
2153 textarea.error,
2154 select.error {
2155 margin-bottom: 0;
2156 }
2157
2158 label.error {
2159 color: #f04124;
2160 }
2161
2162 meta.foundation-mq-topbar {
2163 font-family: "/only screen and (min-width:40.063em)/";
2164 width: 40.063em;
2165 }
2166
2167 /* Wrapped around .top-bar to contain to grid width */
2168 .contain-to-grid {
2169 width: 100%;
2170 background: #333333;
2171 }
2172
2173 .contain-to-grid .top-bar {
2174 margin-bottom: 0;
2175 }
2176
2177 .fixed {
2178 width: 100%;
2179 left: 0;
2180 position: fixed;
2181 top: 0;
2182 z-index: 99;
2183 }
2184
2185 .fixed.expanded:not(.top-bar) {
2186 overflow-y: auto;
2187 height: auto;
2188 width: 100%;
2189 max-height: 100%;
2190 }
2191
2192 .fixed.expanded:not(.top-bar) .title-area {
2193 position: fixed;
2194 width: 100%;
2195 z-index: 99;
2196 }
2197
2198 .fixed.expanded:not(.top-bar) .top-bar-section {
2199 z-index: 98;
2200 margin-top: 2.8125rem;
2201 }
2202
2203 .top-bar {
2204 overflow: hidden;
2205 height: 2.8125rem;
2206 line-height: 2.8125rem;
2207 position: relative;
2208 background: #333333;
2209 margin-bottom: 0;
2210 }
2211
2212 .top-bar ul {
2213 margin-bottom: 0;
2214 list-style: none;
2215 }
2216
2217 .top-bar .row {
2218 max-width: none;
2219 }
2220
2221 .top-bar form,
2222 .top-bar input {
2223 margin-bottom: 0;
2224 }
2225
2226 .top-bar input {
2227 height: 1.75rem;
2228 padding-top: .35rem;
2229 padding-bottom: .35rem;
2230 font-size: 0.75rem;
2231 }
2232
2233 .top-bar .button, .top-bar button {
2234 padding-top: 0.4125rem;
2235 padding-bottom: 0.4125rem;
2236 margin-bottom: 0;
2237 font-size: 0.75rem;
2238 }
2239
2240 @media only screen and (max-width: 40em) {
2241 .top-bar .button, .top-bar button {
2242 position: relative;
2243 top: -1px;
2244 }
2245 }
2246
2247 .top-bar .title-area {
2248 position: relative;
2249 margin: 0;
2250 }
2251
2252 .top-bar .name {
2253 height: 2.8125rem;
2254 margin: 0;
2255 font-size: 16px;
2256 }
2257
2258 .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
2259 line-height: 2.8125rem;
2260 font-size: 1.0625rem;
2261 margin: 0;
2262 }
2263
2264 .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
2265 font-weight: normal;
2266 color: #FFFFFF;
2267 width: 75%;
2268 display: block;
2269 padding: 0 0.9375rem;
2270 }
2271
2272 .top-bar .toggle-topbar {
2273 position: absolute;
2274 right: 0;
2275 top: 0;
2276 }
2277
2278 .top-bar .toggle-topbar a {
2279 color: #FFFFFF;
2280 text-transform: uppercase;
2281 font-size: 0.8125rem;
2282 font-weight: bold;
2283 position: relative;
2284 display: block;
2285 padding: 0 0.9375rem;
2286 height: 2.8125rem;
2287 line-height: 2.8125rem;
2288 }
2289
2290 .top-bar .toggle-topbar.menu-icon {
2291 top: 50%;
2292 margin-top: -16px;
2293 }
2294
2295 .top-bar .toggle-topbar.menu-icon a {
2296 height: 34px;
2297 line-height: 33px;
2298 padding: 0 2.5rem 0 0.9375rem;
2299 color: #FFFFFF;
2300 position: relative;
2301 }
2302
2303 .top-bar .toggle-topbar.menu-icon a span::after {
2304 content: "";
2305 position: absolute;
2306 display: block;
2307 height: 0;
2308 top: 50%;
2309 margin-top: -8px;
2310 right: 0.9375rem;
2311 box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
2312 width: 16px;
2313 }
2314
2315 .top-bar .toggle-topbar.menu-icon a span:hover:after {
2316 box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
2317 }
2318
2319 .top-bar.expanded {
2320 height: auto;
2321 background: transparent;
2322 }
2323
2324 .top-bar.expanded .title-area {
2325 background: #333333;
2326 }
2327
2328 .top-bar.expanded .toggle-topbar a {
2329 color: #888888;
2330 }
2331
2332 .top-bar.expanded .toggle-topbar a span::after {
2333 box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
2334 }
2335
2336 .top-bar-section {
2337 left: 0;
2338 position: relative;
2339 width: auto;
2340 transition: left 300ms ease-out;
2341 }
2342
2343 .top-bar-section ul {
2344 padding: 0;
2345 width: 100%;
2346 height: auto;
2347 display: block;
2348 font-size: 16px;
2349 margin: 0;
2350 }
2351
2352 .top-bar-section .divider,
2353 .top-bar-section [role="separator"] {
2354 border-top: solid 1px #1a1a1a;
2355 clear: both;
2356 height: 1px;
2357 width: 100%;
2358 }
2359
2360 .top-bar-section ul li {
2361 background: #333333;
2362 }
2363
2364 .top-bar-section ul li > a {
2365 display: block;
2366 width: 100%;
2367 color: #FFFFFF;
2368 padding: 12px 0 12px 0;
2369 padding-left: 0.9375rem;
2370 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
2371 font-size: 0.8125rem;
2372 font-weight: normal;
2373 text-transform: none;
2374 }
2375
2376 .top-bar-section ul li > a.button {
2377 font-size: 0.8125rem;
2378 padding-right: 0.9375rem;
2379 padding-left: 0.9375rem;
2380 background-color: #008CBA;
2381 border-color: #007095;
2382 color: #FFFFFF;
2383 }
2384
2385 .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
2386 background-color: #007095;
2387 }
2388
2389 .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
2390 color: #FFFFFF;
2391 }
2392
2393 .top-bar-section ul li > a.button.secondary {
2394 background-color: #e7e7e7;
2395 border-color: #b9b9b9;
2396 color: #333333;
2397 }
2398
2399 .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
2400 background-color: #b9b9b9;
2401 }
2402
2403 .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
2404 color: #333333;
2405 }
2406
2407 .top-bar-section ul li > a.button.success {
2408 background-color: #43AC6A;
2409 border-color: #368a55;
2410 color: #FFFFFF;
2411 }
2412
2413 .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
2414 background-color: #368a55;
2415 }
2416
2417 .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
2418 color: #FFFFFF;
2419 }
2420
2421 .top-bar-section ul li > a.button.alert {
2422 background-color: #f04124;
2423 border-color: #cf2a0e;
2424 color: #FFFFFF;
2425 }
2426
2427 .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
2428 background-color: #cf2a0e;
2429 }
2430
2431 .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
2432 color: #FFFFFF;
2433 }
2434
2435 .top-bar-section ul li > a.button.warning {
2436 background-color: #f08a24;
2437 border-color: #cf6e0e;
2438 color: #FFFFFF;
2439 }
2440
2441 .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
2442 background-color: #cf6e0e;
2443 }
2444
2445 .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
2446 color: #FFFFFF;
2447 }
2448
2449 .top-bar-section ul li > button {
2450 font-size: 0.8125rem;
2451 padding-right: 0.9375rem;
2452 padding-left: 0.9375rem;
2453 background-color: #008CBA;
2454 border-color: #007095;
2455 color: #FFFFFF;
2456 }
2457
2458 .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
2459 background-color: #007095;
2460 }
2461
2462 .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
2463 color: #FFFFFF;
2464 }
2465
2466 .top-bar-section ul li > button.secondary {
2467 background-color: #e7e7e7;
2468 border-color: #b9b9b9;
2469 color: #333333;
2470 }
2471
2472 .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
2473 background-color: #b9b9b9;
2474 }
2475
2476 .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
2477 color: #333333;
2478 }
2479
2480 .top-bar-section ul li > button.success {
2481 background-color: #43AC6A;
2482 border-color: #368a55;
2483 color: #FFFFFF;
2484 }
2485
2486 .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
2487 background-color: #368a55;
2488 }
2489
2490 .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
2491 color: #FFFFFF;
2492 }
2493
2494 .top-bar-section ul li > button.alert {
2495 background-color: #f04124;
2496 border-color: #cf2a0e;
2497 color: #FFFFFF;
2498 }
2499
2500 .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
2501 background-color: #cf2a0e;
2502 }
2503
2504 .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
2505 color: #FFFFFF;
2506 }
2507
2508 .top-bar-section ul li > button.warning {
2509 background-color: #f08a24;
2510 border-color: #cf6e0e;
2511 color: #FFFFFF;
2512 }
2513
2514 .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
2515 background-color: #cf6e0e;
2516 }
2517
2518 .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
2519 color: #FFFFFF;
2520 }
2521
2522 .top-bar-section ul li:hover:not(.has-form) > a {
2523 background-color: #555555;
2524 background: #333333;
2525 color: #FFFFFF;
2526 }
2527
2528 .top-bar-section ul li.active > a {
2529 background: #008CBA;
2530 color: #FFFFFF;
2531 }
2532
2533 .top-bar-section ul li.active > a:hover {
2534 background: #0078a0;
2535 color: #FFFFFF;
2536 }
2537
2538 .top-bar-section .has-form {
2539 padding: 0.9375rem;
2540 }
2541
2542 .top-bar-section .has-dropdown {
2543 position: relative;
2544 }
2545
2546 .top-bar-section .has-dropdown > a:after {
2547 content: "";
2548 display: block;
2549 width: 0;
2550 height: 0;
2551 border: inset 5px;
2552 border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
2553 border-left-style: solid;
2554 margin-right: 0.9375rem;
2555 margin-top: -4.5px;
2556 position: absolute;
2557 top: 50%;
2558 right: 0;
2559 }
2560
2561 .top-bar-section .has-dropdown.moved {
2562 position: static;
2563 }
2564
2565 .top-bar-section .has-dropdown.moved > .dropdown {
2566 display: block;
2567 position: static !important;
2568 height: auto;
2569 width: auto;
2570 overflow: visible;
2571 clip: auto;
2572 position: absolute !important;
2573 width: 100%;
2574 }
2575
2576 .top-bar-section .has-dropdown.moved > a:after {
2577 display: none;
2578 }
2579
2580 .top-bar-section .dropdown {
2581 padding: 0;
2582 position: absolute;
2583 left: 100%;
2584 top: 0;
2585 z-index: 99;
2586 display: block;
2587 position: absolute !important;
2588 height: 1px;
2589 width: 1px;
2590 overflow: hidden;
2591 clip: rect(1px, 1px, 1px, 1px);
2592 }
2593
2594 .top-bar-section .dropdown li {
2595 width: 100%;
2596 height: auto;
2597 }
2598
2599 .top-bar-section .dropdown li a {
2600 font-weight: normal;
2601 padding: 8px 0.9375rem;
2602 }
2603
2604 .top-bar-section .dropdown li a.parent-link {
2605 font-weight: normal;
2606 }
2607
2608 .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
2609 margin-bottom: 0;
2610 margin-top: 0;
2611 font-size: 1.125rem;
2612 }
2613
2614 .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
2615 color: #FFFFFF;
2616 display: block;
2617 }
2618
2619 .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
2620 background: none;
2621 }
2622
2623 .top-bar-section .dropdown li.has-form {
2624 padding: 8px 0.9375rem;
2625 }
2626
2627 .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
2628 top: auto;
2629 }
2630
2631 .top-bar-section .dropdown label {
2632 padding: 8px 0.9375rem 2px;
2633 margin-bottom: 0;
2634 text-transform: uppercase;
2635 color: #777777;
2636 font-weight: bold;
2637 font-size: 0.625rem;
2638 }
2639
2640 .js-generated {
2641 display: block;
2642 }
2643
2644 @media only screen and (min-width: 40.063em) {
2645 .top-bar {
2646 background: #333333;
2647 overflow: visible;
2648 }
2649
2650 .top-bar:before, .top-bar:after {
2651 content: " ";
2652 display: table;
2653 }
2654
2655 .top-bar:after {
2656 clear: both;
2657 }
2658
2659 .top-bar .toggle-topbar {
2660 display: none;
2661 }
2662
2663 .top-bar .title-area {
2664 float: left;
2665 }
2666
2667 .top-bar .name h1 a {
2668 width: auto;
2669 }
2670
2671 .top-bar input,
2672 .top-bar .button,
2673 .top-bar button {
2674 font-size: 0.875rem;
2675 position: relative;
2676 height: 1.75rem;
2677 top: 0.53125rem;
2678 }
2679
2680 .top-bar.expanded {
2681 background: #333333;
2682 }
2683
2684 .contain-to-grid .top-bar {
2685 max-width: 62.5rem;
2686 margin: 0 auto;
2687 margin-bottom: 0;
2688 }
2689
2690 .top-bar-section {
2691 transition: none 0 0;
2692 left: 0 !important;
2693 }
2694
2695 .top-bar-section ul {
2696 width: auto;
2697 height: auto !important;
2698 display: inline;
2699 }
2700
2701 .top-bar-section ul li {
2702 float: left;
2703 }
2704
2705 .top-bar-section ul li .js-generated {
2706 display: none;
2707 }
2708
2709 .top-bar-section li.hover > a:not(.button) {
2710 background-color: #555555;
2711 background: #333333;
2712 color: #FFFFFF;
2713 }
2714
2715 .top-bar-section li:not(.has-form) a:not(.button) {
2716 padding: 0 0.9375rem;
2717 line-height: 2.8125rem;
2718 background: #333333;
2719 }
2720
2721 .top-bar-section li:not(.has-form) a:not(.button):hover {
2722 background-color: #555555;
2723 background: #333333;
2724 }
2725
2726 .top-bar-section li.active:not(.has-form) a:not(.button) {
2727 padding: 0 0.9375rem;
2728 line-height: 2.8125rem;
2729 color: #FFFFFF;
2730 background: #008CBA;
2731 }
2732
2733 .top-bar-section li.active:not(.has-form) a:not(.button):hover {
2734 background: #0078a0;
2735 color: #FFFFFF;
2736 }
2737
2738 .top-bar-section .has-dropdown > a {
2739 padding-right: 2.1875rem !important;
2740 }
2741
2742 .top-bar-section .has-dropdown > a:after {
2743 content: "";
2744 display: block;
2745 width: 0;
2746 height: 0;
2747 border: inset 5px;
2748 border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
2749 border-top-style: solid;
2750 margin-top: -2.5px;
2751 top: 1.40625rem;
2752 }
2753
2754 .top-bar-section .has-dropdown.moved {
2755 position: relative;
2756 }
2757
2758 .top-bar-section .has-dropdown.moved > .dropdown {
2759 display: block;
2760 position: absolute !important;
2761 height: 1px;
2762 width: 1px;
2763 overflow: hidden;
2764 clip: rect(1px, 1px, 1px, 1px);
2765 }
2766
2767 .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
2768 display: block;
2769 position: static !important;
2770 height: auto;
2771 width: auto;
2772 overflow: visible;
2773 clip: auto;
2774 position: absolute !important;
2775 }
2776
2777 .top-bar-section .has-dropdown > a:focus + .dropdown {
2778 display: block;
2779 position: static !important;
2780 height: auto;
2781 width: auto;
2782 overflow: visible;
2783 clip: auto;
2784 position: absolute !important;
2785 }
2786
2787 .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
2788 border: none;
2789 content: "\00bb";
2790 top: 1rem;
2791 margin-top: -1px;
2792 right: 5px;
2793 line-height: 1.2;
2794 }
2795
2796 .top-bar-section .dropdown {
2797 left: 0;
2798 top: auto;
2799 background: transparent;
2800 min-width: 100%;
2801 }
2802
2803 .top-bar-section .dropdown li a {
2804 color: #FFFFFF;
2805 line-height: 2.8125rem;
2806 white-space: nowrap;
2807 padding: 12px 0.9375rem;
2808 background: #333333;
2809 }
2810
2811 .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
2812 color: #FFFFFF;
2813 background: #333333;
2814 }
2815
2816 .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
2817 color: #FFFFFF;
2818 background-color: #555555;
2819 background: #333333;
2820 }
2821
2822 .top-bar-section .dropdown li label {
2823 white-space: nowrap;
2824 background: #333333;
2825 }
2826
2827 .top-bar-section .dropdown li .dropdown {
2828 left: 100%;
2829 top: 0;
2830 }
2831
2832 .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
2833 border-bottom: none;
2834 border-top: none;
2835 border-right: solid 1px #4e4e4e;
2836 clear: none;
2837 height: 2.8125rem;
2838 width: 0;
2839 }
2840
2841 .top-bar-section .has-form {
2842 background: #333333;
2843 padding: 0 0.9375rem;
2844 height: 2.8125rem;
2845 }
2846
2847 .top-bar-section .right li .dropdown {
2848 left: auto;
2849 right: 0;
2850 }
2851
2852 .top-bar-section .right li .dropdown li .dropdown {
2853 right: 100%;
2854 }
2855
2856 .top-bar-section .left li .dropdown {
2857 right: auto;
2858 left: 0;
2859 }
2860
2861 .top-bar-section .left li .dropdown li .dropdown {
2862 left: 100%;
2863 }
2864
2865 .no-js .top-bar-section ul li:hover > a {
2866 background-color: #555555;
2867 background: #333333;
2868 color: #FFFFFF;
2869 }
2870
2871 .no-js .top-bar-section ul li:active > a {
2872 background: #008CBA;
2873 color: #FFFFFF;
2874 }
2875
2876 .no-js .top-bar-section .has-dropdown:hover > .dropdown {
2877 display: block;
2878 position: static !important;
2879 height: auto;
2880 width: auto;
2881 overflow: visible;
2882 clip: auto;
2883 position: absolute !important;
2884 }
2885
2886 .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
2887 display: block;
2888 position: static !important;
2889 height: auto;
2890 width: auto;
2891 overflow: visible;
2892 clip: auto;
2893 position: absolute !important;
2894 }
2895 }
2896
2897 .breadcrumbs {
2898 display: block;
2899 padding: 0.5625rem 0.875rem 0.5625rem;
2900 overflow: hidden;
2901 margin-left: 0;
2902 list-style: none;
2903 border-style: solid;
2904 border-width: 1px;
2905 background-color: #f4f4f4;
2906 border-color: gainsboro;
2907 border-radius: 3px;
2908 }
2909
2910 .breadcrumbs > * {
2911 margin: 0;
2912 float: left;
2913 font-size: 0.6875rem;
2914 line-height: 0.6875rem;
2915 text-transform: uppercase;
2916 color: #008CBA;
2917 }
2918
2919 .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
2920 text-decoration: underline;
2921 }
2922
2923 .breadcrumbs > * a {
2924 color: #008CBA;
2925 }
2926
2927 .breadcrumbs > *.current {
2928 cursor: default;
2929 color: #333333;
2930 }
2931
2932 .breadcrumbs > *.current a {
2933 cursor: default;
2934 color: #333333;
2935 }
2936
2937 .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
2938 text-decoration: none;
2939 }
2940
2941 .breadcrumbs > *.unavailable {
2942 color: #999999;
2943 }
2944
2945 .breadcrumbs > *.unavailable a {
2946 color: #999999;
2947 }
2948
2949 .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
2950 .breadcrumbs > *.unavailable a:focus {
2951 text-decoration: none;
2952 color: #999999;
2953 cursor: default;
2954 }
2955
2956 .breadcrumbs > *:before {
2957 content: "/";
2958 color: #AAAAAA;
2959 margin: 0 0.75rem;
2960 position: relative;
2961 top: 1px;
2962 }
2963
2964 .breadcrumbs > *:first-child:before {
2965 content: " ";
2966 margin: 0;
2967 }
2968
2969 /* Accessibility - hides the forward slash */
2970 [aria-label="breadcrumbs"] [aria-hidden="true"]:after {
2971 content: "/";
2972 }
2973
2974 .alert-box {
2975 border-style: solid;
2976 border-width: 1px;
2977 display: block;
2978 font-weight: normal;
2979 margin-bottom: 1.25rem;
2980 position: relative;
2981 padding: 0.875rem 1.5rem 0.875rem 0.875rem;
2982 font-size: 0.8125rem;
2983 transition: opacity 300ms ease-out;
2984 background-color: #008CBA;
2985 border-color: #0078a0;
2986 color: #FFFFFF;
2987 }
2988
2989 .alert-box .close {
2990 font-size: 1.375rem;
2991 padding: 9px 6px 4px;
2992 line-height: 0;
2993 position: absolute;
2994 top: 50%;
2995 margin-top: -0.6875rem;
2996 right: 0.25rem;
2997 color: #333333;
2998 opacity: 0.3;
2999 background: inherit;
3000 }
3001
3002 .alert-box .close:hover, .alert-box .close:focus {
3003 opacity: 0.5;
3004 }
3005
3006 .alert-box.radius {
3007 border-radius: 3px;
3008 }
3009
3010 .alert-box.round {
3011 border-radius: 1000px;
3012 }
3013
3014 .alert-box.success {
3015 background-color: #43AC6A;
3016 border-color: #3a945b;
3017 color: #FFFFFF;
3018 }
3019
3020 .alert-box.alert {
3021 background-color: #f04124;
3022 border-color: #de2d0f;
3023 color: #FFFFFF;
3024 }
3025
3026 .alert-box.secondary {
3027 background-color: #e7e7e7;
3028 border-color: #c7c7c7;
3029 color: #4f4f4f;
3030 }
3031
3032 .alert-box.warning {
3033 background-color: #f08a24;
3034 border-color: #de770f;
3035 color: #FFFFFF;
3036 }
3037
3038 .alert-box.info {
3039 background-color: #a0d3e8;
3040 border-color: #74bfdd;
3041 color: #4f4f4f;
3042 }
3043
3044 .alert-box.alert-close {
3045 opacity: 0;
3046 }
3047
3048 .inline-list {
3049 margin: 0 auto 1.0625rem auto;
3050 margin-left: -1.375rem;
3051 margin-right: 0;
3052 padding: 0;
3053 list-style: none;
3054 overflow: hidden;
3055 }
3056
3057 .inline-list > li {
3058 list-style: none;
3059 float: left;
3060 margin-left: 1.375rem;
3061 display: block;
3062 }
3063
3064 .inline-list > li > * {
3065 display: block;
3066 }
3067
3068 .button-group {
3069 list-style: none;
3070 margin: 0;
3071 left: 0;
3072 }
3073
3074 .button-group:before, .button-group:after {
3075 content: " ";
3076 display: table;
3077 }
3078
3079 .button-group:after {
3080 clear: both;
3081 }
3082
3083 .button-group > li {
3084 margin: 0 -2px;
3085 display: inline-block;
3086 }
3087
3088 .button-group > li > button, .button-group > li .button {
3089 border-left: 1px solid;
3090 border-color: rgba(255, 255, 255, 0.5);
3091 }
3092
3093 .button-group > li:first-child button, .button-group > li:first-child .button {
3094 border-left: 0;
3095 }
3096
3097 .button-group.stack > li {
3098 margin: 0 -2px;
3099 display: inline-block;
3100 display: block;
3101 margin: 0;
3102 float: none;
3103 }
3104
3105 .button-group.stack > li > button, .button-group.stack > li .button {
3106 border-left: 1px solid;
3107 border-color: rgba(255, 255, 255, 0.5);
3108 }
3109
3110 .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
3111 border-left: 0;
3112 }
3113
3114 .button-group.stack > li > button, .button-group.stack > li .button {
3115 border-top: 1px solid;
3116 border-color: rgba(255, 255, 255, 0.5);
3117 border-left-width: 0;
3118 margin: 0;
3119 display: block;
3120 }
3121
3122 .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
3123 border-top: 0;
3124 }
3125
3126 .button-group.stack-for-small > li {
3127 margin: 0 -2px;
3128 display: inline-block;
3129 }
3130
3131 .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
3132 border-left: 1px solid;
3133 border-color: rgba(255, 255, 255, 0.5);
3134 }
3135
3136 .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
3137 border-left: 0;
3138 }
3139
3140 @media only screen and (max-width: 40em) {
3141 .button-group.stack-for-small > li {
3142 margin: 0 -2px;
3143 display: inline-block;
3144 display: block;
3145 margin: 0;
3146 }
3147
3148 .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
3149 border-left: 1px solid;
3150 border-color: rgba(255, 255, 255, 0.5);
3151 }
3152
3153 .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
3154 border-left: 0;
3155 }
3156
3157 .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
3158 border-top: 1px solid;
3159 border-color: rgba(255, 255, 255, 0.5);
3160 border-left-width: 0;
3161 margin: 0;
3162 display: block;
3163 }
3164
3165 .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
3166 border-top: 0;
3167 }
3168 }
3169
3170 .button-group.radius > * {
3171 margin: 0 -2px;
3172 display: inline-block;
3173 }
3174
3175 .button-group.radius > * > button, .button-group.radius > * .button {
3176 border-left: 1px solid;
3177 border-color: rgba(255, 255, 255, 0.5);
3178 }
3179
3180 .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
3181 border-left: 0;
3182 }
3183
3184 .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
3185 border-radius: 0;
3186 }
3187
3188 .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
3189 -webkit-border-bottom-left-radius: 3px;
3190 -webkit-border-top-left-radius: 3px;
3191 border-bottom-left-radius: 3px;
3192 border-top-left-radius: 3px;
3193 }
3194
3195 .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
3196 -webkit-border-bottom-right-radius: 3px;
3197 -webkit-border-top-right-radius: 3px;
3198 border-bottom-right-radius: 3px;
3199 border-top-right-radius: 3px;
3200 }
3201
3202 .button-group.radius.stack > * {
3203 margin: 0 -2px;
3204 display: inline-block;
3205 display: block;
3206 margin: 0;
3207 }
3208
3209 .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
3210 border-left: 1px solid;
3211 border-color: rgba(255, 255, 255, 0.5);
3212 }
3213
3214 .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
3215 border-left: 0;
3216 }
3217
3218 .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
3219 border-top: 1px solid;
3220 border-color: rgba(255, 255, 255, 0.5);
3221 border-left-width: 0;
3222 margin: 0;
3223 display: block;
3224 }
3225
3226 .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
3227 border-top: 0;
3228 }
3229
3230 .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
3231 border-radius: 0;
3232 }
3233
3234 .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
3235 -webkit-top-left-radius: 3px;
3236 -webkit-top-right-radius: 3px;
3237 border-top-left-radius: 3px;
3238 border-top-right-radius: 3px;
3239 }
3240
3241 .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
3242 -webkit-bottom-left-radius: 3px;
3243 -webkit-bottom-right-radius: 3px;
3244 border-bottom-left-radius: 3px;
3245 border-bottom-right-radius: 3px;
3246 }
3247
3248 @media only screen and (min-width: 40.063em) {
3249 .button-group.radius.stack-for-small > * {
3250 margin: 0 -2px;
3251 display: inline-block;
3252 }
3253
3254 .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
3255 border-left: 1px solid;
3256 border-color: rgba(255, 255, 255, 0.5);
3257 }
3258
3259 .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
3260 border-left: 0;
3261 }
3262
3263 .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
3264 border-radius: 0;
3265 }
3266
3267 .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
3268 -webkit-border-bottom-left-radius: 3px;
3269 -webkit-border-top-left-radius: 3px;
3270 border-bottom-left-radius: 3px;
3271 border-top-left-radius: 3px;
3272 }
3273
3274 .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
3275 -webkit-border-bottom-right-radius: 3px;
3276 -webkit-border-top-right-radius: 3px;
3277 border-bottom-right-radius: 3px;
3278 border-top-right-radius: 3px;
3279 }
3280 }
3281
3282 @media only screen and (max-width: 40em) {
3283 .button-group.radius.stack-for-small > * {
3284 margin: 0 -2px;
3285 display: inline-block;
3286 display: block;
3287 margin: 0;
3288 }
3289
3290 .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
3291 border-left: 1px solid;
3292 border-color: rgba(255, 255, 255, 0.5);
3293 }
3294
3295 .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
3296 border-left: 0;
3297 }
3298
3299 .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
3300 border-top: 1px solid;
3301 border-color: rgba(255, 255, 255, 0.5);
3302 border-left-width: 0;
3303 margin: 0;
3304 display: block;
3305 }
3306
3307 .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
3308 border-top: 0;
3309 }
3310
3311 .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
3312 border-radius: 0;
3313 }
3314
3315 .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
3316 -webkit-top-left-radius: 3px;
3317 -webkit-top-right-radius: 3px;
3318 border-top-left-radius: 3px;
3319 border-top-right-radius: 3px;
3320 }
3321
3322 .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
3323 -webkit-bottom-left-radius: 3px;
3324 -webkit-bottom-right-radius: 3px;
3325 border-bottom-left-radius: 3px;
3326 border-bottom-right-radius: 3px;
3327 }
3328 }
3329
3330 .button-group.round > * {
3331 margin: 0 -2px;
3332 display: inline-block;
3333 }
3334
3335 .button-group.round > * > button, .button-group.round > * .button {
3336 border-left: 1px solid;
3337 border-color: rgba(255, 255, 255, 0.5);
3338 }
3339
3340 .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
3341 border-left: 0;
3342 }
3343
3344 .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
3345 border-radius: 0;
3346 }
3347
3348 .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
3349 -webkit-border-bottom-left-radius: 1000px;
3350 -webkit-border-top-left-radius: 1000px;
3351 border-bottom-left-radius: 1000px;
3352 border-top-left-radius: 1000px;
3353 }
3354
3355 .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
3356 -webkit-border-bottom-right-radius: 1000px;
3357 -webkit-border-top-right-radius: 1000px;
3358 border-bottom-right-radius: 1000px;
3359 border-top-right-radius: 1000px;
3360 }
3361
3362 .button-group.round.stack > * {
3363 margin: 0 -2px;
3364 display: inline-block;
3365 display: block;
3366 margin: 0;
3367 }
3368
3369 .button-group.round.stack > * > button, .button-group.round.stack > * .button {
3370 border-left: 1px solid;
3371 border-color: rgba(255, 255, 255, 0.5);
3372 }
3373
3374 .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
3375 border-left: 0;
3376 }
3377
3378 .button-group.round.stack > * > button, .button-group.round.stack > * .button {
3379 border-top: 1px solid;
3380 border-color: rgba(255, 255, 255, 0.5);
3381 border-left-width: 0;
3382 margin: 0;
3383 display: block;
3384 }
3385
3386 .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
3387 border-top: 0;
3388 }
3389
3390 .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
3391 border-radius: 0;
3392 }
3393
3394 .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
3395 -webkit-top-left-radius: 1rem;
3396 -webkit-top-right-radius: 1rem;
3397 border-top-left-radius: 1rem;
3398 border-top-right-radius: 1rem;
3399 }
3400
3401 .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
3402 -webkit-bottom-left-radius: 1rem;
3403 -webkit-bottom-right-radius: 1rem;
3404 border-bottom-left-radius: 1rem;
3405 border-bottom-right-radius: 1rem;
3406 }
3407
3408 @media only screen and (min-width: 40.063em) {
3409 .button-group.round.stack-for-small > * {
3410 margin: 0 -2px;
3411 display: inline-block;
3412 }
3413
3414 .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
3415 border-left: 1px solid;
3416 border-color: rgba(255, 255, 255, 0.5);
3417 }
3418
3419 .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
3420 border-left: 0;
3421 }
3422
3423 .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
3424 border-radius: 0;
3425 }
3426
3427 .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
3428 -webkit-border-bottom-left-radius: 1000px;
3429 -webkit-border-top-left-radius: 1000px;
3430 border-bottom-left-radius: 1000px;
3431 border-top-left-radius: 1000px;
3432 }
3433
3434 .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
3435 -webkit-border-bottom-right-radius: 1000px;
3436 -webkit-border-top-right-radius: 1000px;
3437 border-bottom-right-radius: 1000px;
3438 border-top-right-radius: 1000px;
3439 }
3440 }
3441
3442 @media only screen and (max-width: 40em) {
3443 .button-group.round.stack-for-small > * {
3444 margin: 0 -2px;
3445 display: inline-block;
3446 display: block;
3447 margin: 0;
3448 }
3449
3450 .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
3451 border-left: 1px solid;
3452 border-color: rgba(255, 255, 255, 0.5);
3453 }
3454
3455 .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
3456 border-left: 0;
3457 }
3458
3459 .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
3460 border-top: 1px solid;
3461 border-color: rgba(255, 255, 255, 0.5);
3462 border-left-width: 0;
3463 margin: 0;
3464 display: block;
3465 }
3466
3467 .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
3468 border-top: 0;
3469 }
3470
3471 .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
3472 border-radius: 0;
3473 }
3474
3475 .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
3476 -webkit-top-left-radius: 1rem;
3477 -webkit-top-right-radius: 1rem;
3478 border-top-left-radius: 1rem;
3479 border-top-right-radius: 1rem;
3480 }
3481
3482 .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
3483 -webkit-bottom-left-radius: 1rem;
3484 -webkit-bottom-right-radius: 1rem;
3485 border-bottom-left-radius: 1rem;
3486 border-bottom-right-radius: 1rem;
3487 }
3488 }
3489
3490 .button-group.even-2 li {
3491 margin: 0 -2px;
3492 display: inline-block;
3493 width: 50%;
3494 }
3495
3496 .button-group.even-2 li > button, .button-group.even-2 li .button {
3497 border-left: 1px solid;
3498 border-color: rgba(255, 255, 255, 0.5);
3499 }
3500
3501 .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
3502 border-left: 0;
3503 }
3504
3505 .button-group.even-2 li button, .button-group.even-2 li .button {
3506 width: 100%;
3507 }
3508
3509 .button-group.even-3 li {
3510 margin: 0 -2px;
3511 display: inline-block;
3512 width: 33.33333%;
3513 }
3514
3515 .button-group.even-3 li > button, .button-group.even-3 li .button {
3516 border-left: 1px solid;
3517 border-color: rgba(255, 255, 255, 0.5);
3518 }
3519
3520 .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
3521 border-left: 0;
3522 }
3523
3524 .button-group.even-3 li button, .button-group.even-3 li .button {
3525 width: 100%;
3526 }
3527
3528 .button-group.even-4 li {
3529 margin: 0 -2px;
3530 display: inline-block;
3531 width: 25%;
3532 }
3533
3534 .button-group.even-4 li > button, .button-group.even-4 li .button {
3535 border-left: 1px solid;
3536 border-color: rgba(255, 255, 255, 0.5);
3537 }
3538
3539 .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
3540 border-left: 0;
3541 }
3542
3543 .button-group.even-4 li button, .button-group.even-4 li .button {
3544 width: 100%;
3545 }
3546
3547 .button-group.even-5 li {
3548 margin: 0 -2px;
3549 display: inline-block;
3550 width: 20%;
3551 }
3552
3553 .button-group.even-5 li > button, .button-group.even-5 li .button {
3554 border-left: 1px solid;
3555 border-color: rgba(255, 255, 255, 0.5);
3556 }
3557
3558 .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
3559 border-left: 0;
3560 }
3561
3562 .button-group.even-5 li button, .button-group.even-5 li .button {
3563 width: 100%;
3564 }
3565
3566 .button-group.even-6 li {
3567 margin: 0 -2px;
3568 display: inline-block;
3569 width: 16.66667%;
3570 }
3571
3572 .button-group.even-6 li > button, .button-group.even-6 li .button {
3573 border-left: 1px solid;
3574 border-color: rgba(255, 255, 255, 0.5);
3575 }
3576
3577 .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
3578 border-left: 0;
3579 }
3580
3581 .button-group.even-6 li button, .button-group.even-6 li .button {
3582 width: 100%;
3583 }
3584
3585 .button-group.even-7 li {
3586 margin: 0 -2px;
3587 display: inline-block;
3588 width: 14.28571%;
3589 }
3590
3591 .button-group.even-7 li > button, .button-group.even-7 li .button {
3592 border-left: 1px solid;
3593 border-color: rgba(255, 255, 255, 0.5);
3594 }
3595
3596 .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
3597 border-left: 0;
3598 }
3599
3600 .button-group.even-7 li button, .button-group.even-7 li .button {
3601 width: 100%;
3602 }
3603
3604 .button-group.even-8 li {
3605 margin: 0 -2px;
3606 display: inline-block;
3607 width: 12.5%;
3608 }
3609
3610 .button-group.even-8 li > button, .button-group.even-8 li .button {
3611 border-left: 1px solid;
3612 border-color: rgba(255, 255, 255, 0.5);
3613 }
3614
3615 .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
3616 border-left: 0;
3617 }
3618
3619 .button-group.even-8 li button, .button-group.even-8 li .button {
3620 width: 100%;
3621 }
3622
3623 .button-bar:before, .button-bar:after {
3624 content: " ";
3625 display: table;
3626 }
3627
3628 .button-bar:after {
3629 clear: both;
3630 }
3631
3632 .button-bar .button-group {
3633 float: left;
3634 margin-right: 0.625rem;
3635 }
3636
3637 .button-bar .button-group div {
3638 overflow: hidden;
3639 }
3640
3641 /* Panels */
3642 .panel {
3643 border-style: solid;
3644 border-width: 1px;
3645 border-color: #d8d8d8;
3646 margin-bottom: 1.25rem;
3647 padding: 1.25rem;
3648 background: #f2f2f2;
3649 color: #333333;
3650 }
3651
3652 .panel > :first-child {
3653 margin-top: 0;
3654 }
3655
3656 .panel > :last-child {
3657 margin-bottom: 0;
3658 }
3659
3660 .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
3661 color: #333333;
3662 }
3663
3664 .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
3665 line-height: 1;
3666 margin-bottom: 0.625rem;
3667 }
3668
3669 .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
3670 line-height: 1.4;
3671 }
3672
3673 .panel.callout {
3674 border-style: solid;
3675 border-width: 1px;
3676 border-color: #b6edff;
3677 margin-bottom: 1.25rem;
3678 padding: 1.25rem;
3679 background: #ecfaff;
3680 color: #333333;
3681 }
3682
3683 .panel.callout > :first-child {
3684 margin-top: 0;
3685 }
3686
3687 .panel.callout > :last-child {
3688 margin-bottom: 0;
3689 }
3690
3691 .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
3692 color: #333333;
3693 }
3694
3695 .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
3696 line-height: 1;
3697 margin-bottom: 0.625rem;
3698 }
3699
3700 .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
3701 line-height: 1.4;
3702 }
3703
3704 .panel.callout a:not(.button) {
3705 color: #008CBA;
3706 }
3707
3708 .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
3709 color: #0078a0;
3710 }
3711
3712 .panel.radius {
3713 border-radius: 3px;
3714 }
3715
3716 .dropdown.button, button.dropdown {
3717 position: relative;
3718 outline: none;
3719 padding-right: 3.5625rem;
3720 }
3721
3722 .dropdown.button::after, button.dropdown::after {
3723 position: absolute;
3724 content: "";
3725 width: 0;
3726 height: 0;
3727 display: block;
3728 border-style: solid;
3729 border-color: #FFFFFF transparent transparent transparent;
3730 top: 50%;
3731 }
3732
3733 .dropdown.button::after, button.dropdown::after {
3734 border-width: 0.375rem;
3735 right: 1.40625rem;
3736 margin-top: -0.15625rem;
3737 }
3738
3739 .dropdown.button::after, button.dropdown::after {
3740 border-color: #FFFFFF transparent transparent transparent;
3741 }
3742
3743 .dropdown.button.tiny, button.dropdown.tiny {
3744 padding-right: 2.625rem;
3745 }
3746
3747 .dropdown.button.tiny:after, button.dropdown.tiny:after {
3748 border-width: 0.375rem;
3749 right: 1.125rem;
3750 margin-top: -0.125rem;
3751 }
3752
3753 .dropdown.button.tiny::after, button.dropdown.tiny::after {
3754 border-color: #FFFFFF transparent transparent transparent;
3755 }
3756
3757 .dropdown.button.small, button.dropdown.small {
3758 padding-right: 3.0625rem;
3759 }
3760
3761 .dropdown.button.small::after, button.dropdown.small::after {
3762 border-width: 0.4375rem;
3763 right: 1.3125rem;
3764 margin-top: -0.15625rem;
3765 }
3766
3767 .dropdown.button.small::after, button.dropdown.small::after {
3768 border-color: #FFFFFF transparent transparent transparent;
3769 }
3770
3771 .dropdown.button.large, button.dropdown.large {
3772 padding-right: 3.625rem;
3773 }
3774
3775 .dropdown.button.large::after, button.dropdown.large::after {
3776 border-width: 0.3125rem;
3777 right: 1.71875rem;
3778 margin-top: -0.15625rem;
3779 }
3780
3781 .dropdown.button.large::after, button.dropdown.large::after {
3782 border-color: #FFFFFF transparent transparent transparent;
3783 }
3784
3785 .dropdown.button.secondary:after, button.dropdown.secondary:after {
3786 border-color: #333333 transparent transparent transparent;
3787 }
3788
3789 /* Image Thumbnails */
3790 .th {
3791 line-height: 0;
3792 display: inline-block;
3793 border: solid 4px #FFFFFF;
3794 max-width: 100%;
3795 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
3796 transition: all 200ms ease-out;
3797 }
3798
3799 .th:hover, .th:focus {
3800 box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
3801 }
3802
3803 .th.radius {
3804 border-radius: 3px;
3805 }
3806
3807 .toolbar {
3808 background: #333333;
3809 width: 100%;
3810 font-size: 0;
3811 display: inline-block;
3812 }
3813
3814 .toolbar.label-bottom .tab .tab-content i, .toolbar.label-bottom .tab .tab-content img {
3815 margin-bottom: 10px;
3816 }
3817
3818 .toolbar.label-right .tab .tab-content i, .toolbar.label-right .tab .tab-content img {
3819 margin-right: 10px;
3820 display: inline-block;
3821 }
3822
3823 .toolbar.label-right .tab .tab-content label {
3824 display: inline-block;
3825 }
3826
3827 .toolbar.vertical.label-right .tab .tab-content {
3828 text-align: left;
3829 }
3830
3831 .toolbar.vertical {
3832 height: 100%;
3833 width: auto;
3834 }
3835
3836 .toolbar.vertical .tab {
3837 width: auto;
3838 margin: auto;
3839 float: none;
3840 }
3841
3842 .toolbar .tab {
3843 text-align: center;
3844 width: 25%;
3845 margin: 0 auto;
3846 display: block;
3847 padding: 20px;
3848 float: left;
3849 }
3850
3851 .toolbar .tab:hover {
3852 background: rgba(255, 255, 255, 0.1);
3853 }
3854
3855 .toolbar .tab-content {
3856 font-size: 16px;
3857 text-align: center;
3858 }
3859
3860 .toolbar .tab-content label {
3861 color: #CCCCCC;
3862 }
3863
3864 .toolbar .tab-content i {
3865 font-size: 30px;
3866 display: block;
3867 margin: 0 auto;
3868 color: #CCCCCC;
3869 vertical-align: middle;
3870 }
3871
3872 .toolbar .tab-content img {
3873 width: 30px;
3874 height: 30px;
3875 display: block;
3876 margin: 0 auto;
3877 }
3878
3879 /* Pricing Tables */
3880 .pricing-table {
3881 border: solid 1px #DDDDDD;
3882 margin-left: 0;
3883 margin-bottom: 1.25rem;
3884 }
3885
3886 .pricing-table * {
3887 list-style: none;
3888 line-height: 1;
3889 }
3890
3891 .pricing-table .title {
3892 background-color: #333333;
3893 padding: 0.9375rem 1.25rem;
3894 text-align: center;
3895 color: #EEEEEE;
3896 font-weight: normal;
3897 font-size: 1rem;
3898 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
3899 }
3900
3901 .pricing-table .price {
3902 background-color: #F6F6F6;
3903 padding: 0.9375rem 1.25rem;
3904 text-align: center;
3905 color: #333333;
3906 font-weight: normal;
3907 font-size: 2rem;
3908 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
3909 }
3910
3911 .pricing-table .description {
3912 background-color: #FFFFFF;
3913 padding: 0.9375rem;
3914 text-align: center;
3915 color: #777777;
3916 font-size: 0.75rem;
3917 font-weight: normal;
3918 line-height: 1.4;
3919 border-bottom: dotted 1px #DDDDDD;
3920 }
3921
3922 .pricing-table .bullet-item {
3923 background-color: #FFFFFF;
3924 padding: 0.9375rem;
3925 text-align: center;
3926 color: #333333;
3927 font-size: 0.875rem;
3928 font-weight: normal;
3929 border-bottom: dotted 1px #DDDDDD;
3930 }
3931
3932 .pricing-table .cta-button {
3933 background-color: #FFFFFF;
3934 text-align: center;
3935 padding: 1.25rem 1.25rem 0;
3936 }
3937
3938 @-webkit-keyframes rotate {
3939 from {
3940 -webkit-transform: rotate(0deg);
3941 }
3942 to {
3943 -webkit-transform: rotate(360deg);
3944 }
3945 }
3946
3947 @-moz-keyframes rotate {
3948 from {
3949 -moz-transform: rotate(0deg);
3950 }
3951 to {
3952 -moz-transform: rotate(360deg);
3953 }
3954 }
3955
3956 @-o-keyframes rotate {
3957 from {
3958 -o-transform: rotate(0deg);
3959 }
3960 to {
3961 -o-transform: rotate(360deg);
3962 }
3963 }
3964
3965 @keyframes rotate {
3966 from {
3967 transform: rotate(0deg);
3968 }
3969 to {
3970 transform: rotate(360deg);
3971 }
3972 }
3973
3974 /* Orbit Graceful Loading */
3975 .slideshow-wrapper {
3976 position: relative;
3977 }
3978
3979 .slideshow-wrapper ul {
3980 list-style-type: none;
3981 margin: 0;
3982 }
3983
3984 .slideshow-wrapper ul li,
3985 .slideshow-wrapper ul li .orbit-caption {
3986 display: none;
3987 }
3988
3989 .slideshow-wrapper ul li:first-child {
3990 display: block;
3991 }
3992
3993 .slideshow-wrapper .orbit-container {
3994 background-color: transparent;
3995 }
3996
3997 .slideshow-wrapper .orbit-container li {
3998 display: block;
3999 }
4000
4001 .slideshow-wrapper .orbit-container li .orbit-caption {
4002 display: block;
4003 }
4004
4005 .slideshow-wrapper .orbit-container .orbit-bullets li {
4006 display: inline-block;
4007 }
4008
4009 .slideshow-wrapper .preloader {
4010 display: block;
4011 width: 40px;
4012 height: 40px;
4013 position: absolute;
4014 top: 50%;
4015 left: 50%;
4016 margin-top: -20px;
4017 margin-left: -20px;
4018 border: solid 3px;
4019 border-color: #555555 #FFFFFF;
4020 border-radius: 1000px;
4021 animation-name: rotate;
4022 animation-duration: 1.5s;
4023 animation-iteration-count: infinite;
4024 animation-timing-function: linear;
4025 }
4026
4027 .orbit-container {
4028 overflow: hidden;
4029 width: 100%;
4030 position: relative;
4031 background: none;
4032 }
4033
4034 .orbit-container .orbit-slides-container {
4035 list-style: none;
4036 margin: 0;
4037 padding: 0;
4038 position: relative;
4039 -webkit-transform: translateZ(0);
4040 }
4041
4042 .orbit-container .orbit-slides-container img {
4043 display: block;
4044 max-width: 100%;
4045 }
4046
4047 .orbit-container .orbit-slides-container > * {
4048 position: absolute;
4049 top: 0;
4050 width: 100%;
4051 margin-left: 100%;
4052 }
4053
4054 .orbit-container .orbit-slides-container > *:first-child {
4055 margin-left: 0;
4056 }
4057
4058 .orbit-container .orbit-slides-container > * .orbit-caption {
4059 position: absolute;
4060 bottom: 0;
4061 background-color: rgba(51, 51, 51, 0.8);
4062 color: #FFFFFF;
4063 width: 100%;
4064 padding: 0.625rem 0.875rem;
4065 font-size: 0.875rem;
4066 }
4067
4068 .orbit-container .orbit-slide-number {
4069 position: absolute;
4070 top: 10px;
4071 left: 10px;
4072 font-size: 12px;
4073 color: #FFFFFF;
4074 background: transparent;
4075 z-index: 10;
4076 }
4077
4078 .orbit-container .orbit-slide-number span {
4079 font-weight: 700;
4080 padding: 0.3125rem;
4081 }
4082
4083 .orbit-container .orbit-timer {
4084 position: absolute;
4085 top: 12px;
4086 right: 10px;
4087 height: 6px;
4088 width: 100px;
4089 z-index: 10;
4090 }
4091
4092 .orbit-container .orbit-timer .orbit-progress {
4093 height: 3px;
4094 background-color: rgba(255, 255, 255, 0.3);
4095 display: block;
4096 width: 0;
4097 position: relative;
4098 right: 20px;
4099 top: 5px;
4100 }
4101
4102 .orbit-container .orbit-timer > span {
4103 display: none;
4104 position: absolute;
4105 top: 0;
4106 right: 0;
4107 width: 11px;
4108 height: 14px;
4109 border: solid 4px #FFFFFF;
4110 border-top: none;
4111 border-bottom: none;
4112 }
4113
4114 .orbit-container .orbit-timer.paused > span {
4115 right: -4px;
4116 top: 0;
4117 width: 11px;
4118 height: 14px;
4119 border: inset 8px;
4120 border-left-style: solid;
4121 border-color: transparent;
4122 border-left-color: #FFFFFF;
4123 }
4124
4125 .orbit-container .orbit-timer.paused > span.dark {
4126 border-left-color: #333333;
4127 }
4128
4129 .orbit-container:hover .orbit-timer > span {
4130 display: block;
4131 }
4132
4133 .orbit-container .orbit-prev,
4134 .orbit-container .orbit-next {
4135 position: absolute;
4136 top: 45%;
4137 margin-top: -25px;
4138 width: 36px;
4139 height: 60px;
4140 line-height: 50px;
4141 color: white;
4142 background-color: transparent;
4143 text-indent: -9999px !important;
4144 z-index: 10;
4145 }
4146
4147 .orbit-container .orbit-prev:hover,
4148 .orbit-container .orbit-next:hover {
4149 background-color: rgba(0, 0, 0, 0.3);
4150 }
4151
4152 .orbit-container .orbit-prev > span,
4153 .orbit-container .orbit-next > span {
4154 position: absolute;
4155 top: 50%;
4156 margin-top: -10px;
4157 display: block;
4158 width: 0;
4159 height: 0;
4160 border: inset 10px;
4161 }
4162
4163 .orbit-container .orbit-prev {
4164 left: 0;
4165 }
4166
4167 .orbit-container .orbit-prev > span {
4168 border-right-style: solid;
4169 border-color: transparent;
4170 border-right-color: #FFFFFF;
4171 }
4172
4173 .orbit-container .orbit-prev:hover > span {
4174 border-right-color: #FFFFFF;
4175 }
4176
4177 .orbit-container .orbit-next {
4178 right: 0;
4179 }
4180
4181 .orbit-container .orbit-next > span {
4182 border-color: transparent;
4183 border-left-style: solid;
4184 border-left-color: #FFFFFF;
4185 left: 50%;
4186 margin-left: -4px;
4187 }
4188
4189 .orbit-container .orbit-next:hover > span {
4190 border-left-color: #FFFFFF;
4191 }
4192
4193 .orbit-bullets-container {
4194 text-align: center;
4195 }
4196
4197 .orbit-bullets {
4198 margin: 0 auto 30px auto;
4199 overflow: hidden;
4200 position: relative;
4201 top: 10px;
4202 float: none;
4203 text-align: center;
4204 display: block;
4205 }
4206
4207 .orbit-bullets li {
4208 cursor: pointer;
4209 display: inline-block;
4210 width: 0.5625rem;
4211 height: 0.5625rem;
4212 background: #CCCCCC;
4213 float: none;
4214 margin-right: 6px;
4215 border-radius: 1000px;
4216 }
4217
4218 .orbit-bullets li.active {
4219 background: #999999;
4220 }
4221
4222 .orbit-bullets li:last-child {
4223 margin-right: 0;
4224 }
4225
4226 .touch .orbit-container .orbit-prev,
4227 .touch .orbit-container .orbit-next {
4228 display: none;
4229 }
4230
4231 .touch .orbit-bullets {
4232 display: none;
4233 }
4234
4235 @media only screen and (min-width: 40.063em) {
4236 .touch .orbit-container .orbit-prev,
4237 .touch .orbit-container .orbit-next {
4238 display: inherit;
4239 }
4240
4241 .touch .orbit-bullets {
4242 display: block;
4243 }
4244 }
4245
4246 @media only screen and (max-width: 40em) {
4247 .orbit-stack-on-small .orbit-slides-container {
4248 height: auto !important;
4249 }
4250
4251 .orbit-stack-on-small .orbit-slides-container > * {
4252 position: relative;
4253 margin: 0 !important;
4254 opacity: 1 !important;
4255 }
4256
4257 .orbit-stack-on-small .orbit-slide-number {
4258 display: none;
4259 }
4260
4261 .orbit-timer {
4262 display: none;
4263 }
4264
4265 .orbit-next, .orbit-prev {
4266 display: none;
4267 }
4268
4269 .orbit-bullets {
4270 display: none;
4271 }
4272 }
4273
4274 [data-magellan-expedition], [data-magellan-expedition-clone] {
4275 background: #FFFFFF;
4276 z-index: 50;
4277 min-width: 100%;
4278 padding: 10px;
4279 }
4280
4281 [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
4282 margin-bottom: 0;
4283 }
4284
4285 [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
4286 margin-bottom: 0;
4287 }
4288
4289 [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
4290 line-height: 1.8em;
4291 }
4292
4293 .icon-bar {
4294 width: 100%;
4295 font-size: 0;
4296 display: inline-block;
4297 background: #333333;
4298 }
4299
4300 .icon-bar > * {
4301 text-align: center;
4302 font-size: 1rem;
4303 width: 25%;
4304 margin: 0 auto;
4305 display: block;
4306 padding: 1.25rem;
4307 float: left;
4308 }
4309
4310 .icon-bar > * i, .icon-bar > * img {
4311 display: block;
4312 margin: 0 auto;
4313 }
4314
4315 .icon-bar > * i + label, .icon-bar > * img + label {
4316 margin-top: .0625rem;
4317 }
4318
4319 .icon-bar > * i {
4320 font-size: 1.875rem;
4321 vertical-align: middle;
4322 }
4323
4324 .icon-bar > * img {
4325 width: 1.875rem;
4326 height: 1.875rem;
4327 }
4328
4329 .icon-bar.label-right > * i, .icon-bar.label-right > * img {
4330 margin: 0 .0625rem 0 0;
4331 display: inline-block;
4332 }
4333
4334 .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
4335 margin-top: 0;
4336 }
4337
4338 .icon-bar.label-right > * label {
4339 display: inline-block;
4340 }
4341
4342 .icon-bar.vertical.label-right > * {
4343 text-align: left;
4344 }
4345
4346 .icon-bar.vertical, .icon-bar.small-vertical {
4347 height: 100%;
4348 width: auto;
4349 }
4350
4351 .icon-bar.vertical .item, .icon-bar.small-vertical .item {
4352 width: auto;
4353 margin: auto;
4354 float: none;
4355 }
4356
4357 @media only screen and (min-width: 40.063em) {
4358 .icon-bar.medium-vertical {
4359 height: 100%;
4360 width: auto;
4361 }
4362
4363 .icon-bar.medium-vertical .item {
4364 width: auto;
4365 margin: auto;
4366 float: none;
4367 }
4368 }
4369
4370 @media only screen and (min-width: 64.063em) {
4371 .icon-bar.large-vertical {
4372 height: 100%;
4373 width: auto;
4374 }
4375
4376 .icon-bar.large-vertical .item {
4377 width: auto;
4378 margin: auto;
4379 float: none;
4380 }
4381 }
4382
4383 .icon-bar > * {
4384 font-size: 1rem;
4385 padding: 1.25rem;
4386 }
4387
4388 .icon-bar > * i + label, .icon-bar > * img + label {
4389 margin-top: .0625rem;
4390 }
4391
4392 .icon-bar > * i {
4393 font-size: 1.875rem;
4394 }
4395
4396 .icon-bar > * img {
4397 width: 1.875rem;
4398 height: 1.875rem;
4399 }
4400
4401 .icon-bar > * label {
4402 color: #FFFFFF;
4403 }
4404
4405 .icon-bar > * i {
4406 color: #FFFFFF;
4407 }
4408
4409 .icon-bar > a:hover {
4410 background: #008CBA;
4411 }
4412
4413 .icon-bar > a:hover label {
4414 color: #FFFFFF;
4415 }
4416
4417 .icon-bar > a:hover i {
4418 color: #FFFFFF;
4419 }
4420
4421 .icon-bar > a.active {
4422 background: #008CBA;
4423 }
4424
4425 .icon-bar > a.active label {
4426 color: #FFFFFF;
4427 }
4428
4429 .icon-bar > a.active i {
4430 color: #FFFFFF;
4431 }
4432
4433 .icon-bar.two-up .item {
4434 width: 50%;
4435 }
4436
4437 .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
4438 width: auto;
4439 }
4440
4441 @media only screen and (min-width: 40.063em) {
4442 .icon-bar.two-up.medium-vertical .item {
4443 width: auto;
4444 }
4445 }
4446
4447 @media only screen and (min-width: 64.063em) {
4448 .icon-bar.two-up.large-vertical .item {
4449 width: auto;
4450 }
4451 }
4452
4453 .icon-bar.three-up .item {
4454 width: 33.3333%;
4455 }
4456
4457 .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
4458 width: auto;
4459 }
4460
4461 @media only screen and (min-width: 40.063em) {
4462 .icon-bar.three-up.medium-vertical .item {
4463 width: auto;
4464 }
4465 }
4466
4467 @media only screen and (min-width: 64.063em) {
4468 .icon-bar.three-up.large-vertical .item {
4469 width: auto;
4470 }
4471 }
4472
4473 .icon-bar.four-up .item {
4474 width: 25%;
4475 }
4476
4477 .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
4478 width: auto;
4479 }
4480
4481 @media only screen and (min-width: 40.063em) {
4482 .icon-bar.four-up.medium-vertical .item {
4483 width: auto;
4484 }
4485 }
4486
4487 @media only screen and (min-width: 64.063em) {
4488 .icon-bar.four-up.large-vertical .item {
4489 width: auto;
4490 }
4491 }
4492
4493 .icon-bar.five-up .item {
4494 width: 20%;
4495 }
4496
4497 .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
4498 width: auto;
4499 }
4500
4501 @media only screen and (min-width: 40.063em) {
4502 .icon-bar.five-up.medium-vertical .item {
4503 width: auto;
4504 }
4505 }
4506
4507 @media only screen and (min-width: 64.063em) {
4508 .icon-bar.five-up.large-vertical .item {
4509 width: auto;
4510 }
4511 }
4512
4513 .icon-bar.six-up .item {
4514 width: 16.66667%;
4515 }
4516
4517 .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
4518 width: auto;
4519 }
4520
4521 @media only screen and (min-width: 40.063em) {
4522 .icon-bar.six-up.medium-vertical .item {
4523 width: auto;
4524 }
4525 }
4526
4527 @media only screen and (min-width: 64.063em) {
4528 .icon-bar.six-up.large-vertical .item {
4529 width: auto;
4530 }
4531 }
4532
4533 .tabs {
4534 margin-bottom: 0 !important;
4535 margin-left: 0;
4536 }
4537
4538 .tabs:before, .tabs:after {
4539 content: " ";
4540 display: table;
4541 }
4542
4543 .tabs:after {
4544 clear: both;
4545 }
4546
4547 .tabs dd, .tabs .tab-title {
4548 position: relative;
4549 margin-bottom: 0 !important;
4550 list-style: none;
4551 float: left;
4552 }
4553
4554 .tabs dd > a, .tabs .tab-title > a {
4555 outline: none;
4556 display: block;
4557 background-color: #EFEFEF;
4558 color: #222222;
4559 padding: 1rem 2rem;
4560 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
4561 font-size: 1rem;
4562 }
4563
4564 .tabs dd > a:hover, .tabs .tab-title > a:hover {
4565 background-color: #e1e1e1;
4566 }
4567
4568 .tabs dd.active a, .tabs .tab-title.active a {
4569 background-color: #FFFFFF;
4570 color: #222222;
4571 }
4572
4573 .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
4574 -webkit-border-bottom-left-radius: 3px;
4575 -webkit-border-top-left-radius: 3px;
4576 border-bottom-left-radius: 3px;
4577 border-top-left-radius: 3px;
4578 }
4579
4580 .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
4581 -webkit-border-bottom-right-radius: 3px;
4582 -webkit-border-top-right-radius: 3px;
4583 border-bottom-right-radius: 3px;
4584 border-top-right-radius: 3px;
4585 }
4586
4587 .tabs.vertical dd, .tabs.vertical .tab-title {
4588 position: inherit;
4589 float: none;
4590 display: block;
4591 top: auto;
4592 }
4593
4594 .tabs-content {
4595 margin-bottom: 1.5rem;
4596 width: 100%;
4597 }
4598
4599 .tabs-content:before, .tabs-content:after {
4600 content: " ";
4601 display: table;
4602 }
4603
4604 .tabs-content:after {
4605 clear: both;
4606 }
4607
4608 .tabs-content > .content {
4609 display: none;
4610 float: left;
4611 padding: 0.9375rem 0;
4612 width: 100%;
4613 }
4614
4615 .tabs-content > .content.active {
4616 display: block;
4617 float: none;
4618 }
4619
4620 .tabs-content > .content.contained {
4621 padding: 0.9375rem;
4622 }
4623
4624 .tabs-content.vertical {
4625 display: block;
4626 }
4627
4628 .tabs-content.vertical > .content {
4629 padding: 0 0.9375rem;
4630 }
4631
4632 @media only screen and (min-width: 40.063em) {
4633 .tabs.vertical {
4634 width: 20%;
4635 max-width: 20%;
4636 float: left;
4637 margin: 0 0 1.25rem;
4638 }
4639
4640 .tabs-content.vertical {
4641 width: 80%;
4642 max-width: 80%;
4643 float: left;
4644 margin-left: -1px;
4645 padding-left: 1rem;
4646 }
4647 }
4648
4649 .no-js .tabs-content > .content {
4650 display: block;
4651 float: none;
4652 }
4653
4654 ul.pagination {
4655 display: block;
4656 min-height: 1.5rem;
4657 margin-left: -0.3125rem;
4658 }
4659
4660 ul.pagination li {
4661 height: 1.5rem;
4662 color: #222222;
4663 font-size: 0.875rem;
4664 margin-left: 0.3125rem;
4665 }
4666
4667 ul.pagination li a, ul.pagination li button {
4668 display: block;
4669 padding: 0.0625rem 0.625rem 0.0625rem;
4670 color: #999999;
4671 background: none;
4672 border-radius: 3px;
4673 font-weight: normal;
4674 font-size: 1em;
4675 line-height: inherit;
4676 transition: background-color 300ms ease-out;
4677 }
4678
4679 ul.pagination li:hover a,
4680 ul.pagination li a:focus, ul.pagination li:hover button,
4681 ul.pagination li button:focus {
4682 background: #e6e6e6;
4683 }
4684
4685 ul.pagination li.unavailable a, ul.pagination li.unavailable button {
4686 cursor: default;
4687 color: #999999;
4688 }
4689
4690 ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
4691 background: transparent;
4692 }
4693
4694 ul.pagination li.current a, ul.pagination li.current button {
4695 background: #008CBA;
4696 color: #FFFFFF;
4697 font-weight: bold;
4698 cursor: default;
4699 }
4700
4701 ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
4702 background: #008CBA;
4703 }
4704
4705 ul.pagination li {
4706 float: left;
4707 display: block;
4708 }
4709
4710 /* Pagination centred wrapper */
4711 .pagination-centered {
4712 text-align: center;
4713 }
4714
4715 .pagination-centered ul.pagination li {
4716 float: none;
4717 display: inline-block;
4718 }
4719
4720 .side-nav {
4721 display: block;
4722 margin: 0;
4723 padding: 0.875rem 0;
4724 list-style-type: none;
4725 list-style-position: outside;
4726 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
4727 }
4728
4729 .side-nav li {
4730 margin: 0 0 0.4375rem 0;
4731 font-size: 0.875rem;
4732 font-weight: normal;
4733 }
4734
4735 .side-nav li a:not(.button) {
4736 display: block;
4737 color: #008CBA;
4738 margin: 0;
4739 padding: 0.4375rem 0.875rem;
4740 }
4741
4742 .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
4743 background: rgba(0, 0, 0, 0.025);
4744 color: #1cc7ff;
4745 }
4746
4747 .side-nav li.active > a:first-child:not(.button) {
4748 color: #1cc7ff;
4749 font-weight: normal;
4750 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
4751 }
4752
4753 .side-nav li.divider {
4754 border-top: 1px solid;
4755 height: 0;
4756 padding: 0;
4757 list-style: none;
4758 border-top-color: white;
4759 }
4760
4761 .side-nav li.heading {
4762 color: #008CBA;
4763 font-size: 0.875rem;
4764 font-weight: bold;
4765 text-transform: uppercase;
4766 }
4767
4768 .accordion {
4769 margin-bottom: 0;
4770 }
4771
4772 .accordion:before, .accordion:after {
4773 content: " ";
4774 display: table;
4775 }
4776
4777 .accordion:after {
4778 clear: both;
4779 }
4780
4781 .accordion .accordion-navigation, .accordion dd {
4782 display: block;
4783 margin-bottom: 0 !important;
4784 }
4785
4786 .accordion .accordion-navigation.active > a, .accordion dd.active > a {
4787 background: #e8e8e8;
4788 }
4789
4790 .accordion .accordion-navigation > a, .accordion dd > a {
4791 background: #EFEFEF;
4792 color: #222222;
4793 padding: 1rem;
4794 display: block;
4795 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
4796 font-size: 1rem;
4797 }
4798
4799 .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
4800 background: #e3e3e3;
4801 }
4802
4803 .accordion .accordion-navigation > .content, .accordion dd > .content {
4804 display: none;
4805 padding: 0.9375rem;
4806 }
4807
4808 .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
4809 display: block;
4810 background: #FFFFFF;
4811 }
4812
4813 .text-left {
4814 text-align: left !important;
4815 }
4816
4817 .text-right {
4818 text-align: right !important;
4819 }
4820
4821 .text-center {
4822 text-align: center !important;
4823 }
4824
4825 .text-justify {
4826 text-align: justify !important;
4827 }
4828
4829 @media only screen and (max-width: 40em) {
4830 .small-only-text-left {
4831 text-align: left !important;
4832 }
4833
4834 .small-only-text-right {
4835 text-align: right !important;
4836 }
4837
4838 .small-only-text-center {
4839 text-align: center !important;
4840 }
4841
4842 .small-only-text-justify {
4843 text-align: justify !important;
4844 }
4845 }
4846
4847 @media only screen {
4848 .small-text-left {
4849 text-align: left !important;
4850 }
4851
4852 .small-text-right {
4853 text-align: right !important;
4854 }
4855
4856 .small-text-center {
4857 text-align: center !important;
4858 }
4859
4860 .small-text-justify {
4861 text-align: justify !important;
4862 }
4863 }
4864
4865 @media only screen and (min-width: 40.063em) and (max-width: 64em) {
4866 .medium-only-text-left {
4867 text-align: left !important;
4868 }
4869
4870 .medium-only-text-right {
4871 text-align: right !important;
4872 }
4873
4874 .medium-only-text-center {
4875 text-align: center !important;
4876 }
4877
4878 .medium-only-text-justify {
4879 text-align: justify !important;
4880 }
4881 }
4882
4883 @media only screen and (min-width: 40.063em) {
4884 .medium-text-left {
4885 text-align: left !important;
4886 }
4887
4888 .medium-text-right {
4889 text-align: right !important;
4890 }
4891
4892 .medium-text-center {
4893 text-align: center !important;
4894 }
4895
4896 .medium-text-justify {
4897 text-align: justify !important;
4898 }
4899 }
4900
4901 @media only screen and (min-width: 64.063em) and (max-width: 90em) {
4902 .large-only-text-left {
4903 text-align: left !important;
4904 }
4905
4906 .large-only-text-right {
4907 text-align: right !important;
4908 }
4909
4910 .large-only-text-center {
4911 text-align: center !important;
4912 }
4913
4914 .large-only-text-justify {
4915 text-align: justify !important;
4916 }
4917 }
4918
4919 @media only screen and (min-width: 64.063em) {
4920 .large-text-left {
4921 text-align: left !important;
4922 }
4923
4924 .large-text-right {
4925 text-align: right !important;
4926 }
4927
4928 .large-text-center {
4929 text-align: center !important;
4930 }
4931
4932 .large-text-justify {
4933 text-align: justify !important;
4934 }
4935 }
4936
4937 @media only screen and (min-width: 90.063em) and (max-width: 120em) {
4938 .xlarge-only-text-left {
4939 text-align: left !important;
4940 }
4941
4942 .xlarge-only-text-right {
4943 text-align: right !important;
4944 }
4945
4946 .xlarge-only-text-center {
4947 text-align: center !important;
4948 }
4949
4950 .xlarge-only-text-justify {
4951 text-align: justify !important;
4952 }
4953 }
4954
4955 @media only screen and (min-width: 90.063em) {
4956 .xlarge-text-left {
4957 text-align: left !important;
4958 }
4959
4960 .xlarge-text-right {
4961 text-align: right !important;
4962 }
4963
4964 .xlarge-text-center {
4965 text-align: center !important;
4966 }
4967
4968 .xlarge-text-justify {
4969 text-align: justify !important;
4970 }
4971 }
4972
4973 @media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
4974 .xxlarge-only-text-left {
4975 text-align: left !important;
4976 }
4977
4978 .xxlarge-only-text-right {
4979 text-align: right !important;
4980 }
4981
4982 .xxlarge-only-text-center {
4983 text-align: center !important;
4984 }
4985
4986 .xxlarge-only-text-justify {
4987 text-align: justify !important;
4988 }
4989 }
4990
4991 @media only screen and (min-width: 120.063em) {
4992 .xxlarge-text-left {
4993 text-align: left !important;
4994 }
4995
4996 .xxlarge-text-right {
4997 text-align: right !important;
4998 }
4999
5000 .xxlarge-text-center {
5001 text-align: center !important;
5002 }
5003
5004 .xxlarge-text-justify {
5005 text-align: justify !important;
5006 }
5007 }
5008
5009 /* Typography resets */
5010 div,
5011 dl,
5012 dt,
5013 dd,
5014 ul,
5015 ol,
5016 li,
5017 h1,
5018 h2,
5019 h3,
5020 h4,
5021 h5,
5022 h6,
5023 pre,
5024 form,
5025 p,
5026 blockquote,
5027 th,
5028 td {
5029 margin: 0;
5030 padding: 0;
5031 }
5032
5033 /* Default Link Styles */
5034 a {
5035 color: #008CBA;
5036 text-decoration: none;
5037 line-height: inherit;
5038 }
5039
5040 a:hover, a:focus {
5041 color: #0078a0;
5042 }
5043
5044 a img {
5045 border: none;
5046 }
5047
5048 /* Default paragraph styles */
5049 p {
5050 font-family: inherit;
5051 font-weight: normal;
5052 font-size: 1rem;
5053 line-height: 1.6;
5054 margin-bottom: 1.25rem;
5055 text-rendering: optimizeLegibility;
5056 }
5057
5058 p.lead {
5059 font-size: 1.21875rem;
5060 line-height: 1.6;
5061 }
5062
5063 p aside {
5064 font-size: 0.875rem;
5065 line-height: 1.35;
5066 font-style: italic;
5067 }
5068
5069 /* Default header styles */
5070 h1, h2, h3, h4, h5, h6 {
5071 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
5072 font-weight: normal;
5073 font-style: normal;
5074 color: #222222;
5075 text-rendering: optimizeLegibility;
5076 margin-top: 0.2rem;
5077 margin-bottom: 0.5rem;
5078 line-height: 1.4;
5079 }
5080
5081 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
5082 font-size: 60%;
5083 color: #6f6f6f;
5084 line-height: 0;
5085 }
5086
5087 h1 {
5088 font-size: 2.125rem;
5089 }
5090
5091 h2 {
5092 font-size: 1.6875rem;
5093 }
5094
5095 h3 {
5096 font-size: 1.375rem;
5097 }
5098
5099 h4 {
5100 font-size: 1.125rem;
5101 }
5102
5103 h5 {
5104 font-size: 1.125rem;
5105 }
5106
5107 h6 {
5108 font-size: 1rem;
5109 }
5110
5111 .subheader {
5112 line-height: 1.4;
5113 color: #6f6f6f;
5114 font-weight: normal;
5115 margin-top: 0.2rem;
5116 margin-bottom: 0.5rem;
5117 }
5118
5119 hr {
5120 border: solid #DDDDDD;
5121 border-width: 1px 0 0;
5122 clear: both;
5123 margin: 1.25rem 0 1.1875rem;
5124 height: 0;
5125 }
5126
5127 /* Helpful Typography Defaults */
5128 em,
5129 i {
5130 font-style: italic;
5131 line-height: inherit;
5132 }
5133
5134 strong,
5135 b {
5136 font-weight: bold;
5137 line-height: inherit;
5138 }
5139
5140 small {
5141 font-size: 60%;
5142 line-height: inherit;
5143 }
5144
5145 code {
5146 font-family: Consolas, "Liberation Mono", Courier, monospace;
5147 font-weight: normal;
5148 color: #333333;
5149 background-color: #f8f8f8;
5150 border-width: 1px;
5151 border-style: solid;
5152 border-color: #dfdfdf;
5153 padding: 0.125rem 0.3125rem 0.0625rem;
5154 }
5155
5156 /* Lists */
5157 ul,
5158 ol,
5159 dl {
5160 font-size: 1rem;
5161 line-height: 1.6;
5162 margin-bottom: 1.25rem;
5163 list-style-position: outside;
5164 font-family: inherit;
5165 }
5166
5167 ul {
5168 margin-left: 1.1rem;
5169 }
5170
5171 ul.no-bullet {
5172 margin-left: 0;
5173 }
5174
5175 ul.no-bullet li ul,
5176 ul.no-bullet li ol {
5177 margin-left: 1.25rem;
5178 margin-bottom: 0;
5179 list-style: none;
5180 }
5181
5182 /* Unordered Lists */
5183 ul li ul,
5184 ul li ol {
5185 margin-left: 1.25rem;
5186 margin-bottom: 0;
5187 }
5188
5189 ul.square li ul, ul.circle li ul, ul.disc li ul {
5190 list-style: inherit;
5191 }
5192
5193 ul.square {
5194 list-style-type: square;
5195 margin-left: 1.1rem;
5196 }
5197
5198 ul.circle {
5199 list-style-type: circle;
5200 margin-left: 1.1rem;
5201 }
5202
5203 ul.disc {
5204 list-style-type: disc;
5205 margin-left: 1.1rem;
5206 }
5207
5208 ul.no-bullet {
5209 list-style: none;
5210 }
5211
5212 /* Ordered Lists */
5213 ol {
5214 margin-left: 1.4rem;
5215 }
5216
5217 ol li ul,
5218 ol li ol {
5219 margin-left: 1.25rem;
5220 margin-bottom: 0;
5221 }
5222
5223 /* Definition Lists */
5224 dl dt {
5225 margin-bottom: 0.3rem;
5226 font-weight: bold;
5227 }
5228
5229 dl dd {
5230 margin-bottom: 0.75rem;
5231 }
5232
5233 /* Abbreviations */
5234 abbr,
5235 acronym {
5236 text-transform: uppercase;
5237 font-size: 90%;
5238 color: #222;
5239 cursor: help;
5240 }
5241
5242 abbr {
5243 text-transform: none;
5244 }
5245
5246 abbr[title] {
5247 border-bottom: 1px dotted #DDDDDD;
5248 }
5249
5250 /* Blockquotes */
5251 blockquote {
5252 margin: 0 0 1.25rem;
5253 padding: 0.5625rem 1.25rem 0 1.1875rem;
5254 border-left: 1px solid #DDDDDD;
5255 }
5256
5257 blockquote cite {
5258 display: block;
5259 font-size: 0.8125rem;
5260 color: #555555;
5261 }
5262
5263 blockquote cite:before {
5264 content: "\2014 \0020";
5265 }
5266
5267 blockquote cite a,
5268 blockquote cite a:visited {
5269 color: #555555;
5270 }
5271
5272 blockquote,
5273 blockquote p {
5274 line-height: 1.6;
5275 color: #6f6f6f;
5276 }
5277
5278 /* Microformats */
5279 .vcard {
5280 display: inline-block;
5281 margin: 0 0 1.25rem 0;
5282 border: 1px solid #DDDDDD;
5283 padding: 0.625rem 0.75rem;
5284 }
5285
5286 .vcard li {
5287 margin: 0;
5288 display: block;
5289 }
5290
5291 .vcard .fn {
5292 font-weight: bold;
5293 font-size: 0.9375rem;
5294 }
5295
5296 .vevent .summary {
5297 font-weight: bold;
5298 }
5299
5300 .vevent abbr {
5301 cursor: default;
5302 text-decoration: none;
5303 font-weight: bold;
5304 border: none;
5305 padding: 0 0.0625rem;
5306 }
5307
5308 @media only screen and (min-width: 40.063em) {
5309 h1, h2, h3, h4, h5, h6 {
5310 line-height: 1.4;
5311 }
5312
5313 h1 {
5314 font-size: 2.75rem;
5315 }
5316
5317 h2 {
5318 font-size: 2.3125rem;
5319 }
5320
5321 h3 {
5322 font-size: 1.6875rem;
5323 }
5324
5325 h4 {
5326 font-size: 1.4375rem;
5327 }
5328
5329 h5 {
5330 font-size: 1.125rem;
5331 }
5332
5333 h6 {
5334 font-size: 1rem;
5335 }
5336 }
5337
5338 /*
5339 * Print styles.
5340 *
5341 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
5342 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
5343 */
5344 .print-only {
5345 display: none !important;
5346 }
5347
5348 @media print {
5349 * {
5350 background: transparent !important;
5351 color: #000000 !important;
5352 /* Black prints faster: h5bp.com/s */
5353 box-shadow: none !important;
5354 text-shadow: none !important;
5355 }
5356
5357 a,
5358 a:visited {
5359 text-decoration: underline;
5360 }
5361
5362 a[href]:after {
5363 content: " (" attr(href) ")";
5364 }
5365
5366 abbr[title]:after {
5367 content: " (" attr(title) ")";
5368 }
5369
5370 .ir a:after,
5371 a[href^="javascript:"]:after,
5372 a[href^="#"]:after {
5373 content: "";
5374 }
5375
5376 pre,
5377 blockquote {
5378 border: 1px solid #999999;
5379 page-break-inside: avoid;
5380 }
5381
5382 thead {
5383 display: table-header-group;
5384 /* h5bp.com/t */
5385 }
5386
5387 tr,
5388 img {
5389 page-break-inside: avoid;
5390 }
5391
5392 img {
5393 max-width: 100% !important;
5394 }
5395
5396 @page {
5397 margin: 0.5cm;
5398 }
5399
5400 p,
5401 h2,
5402 h3 {
5403 orphans: 3;
5404 widows: 3;
5405 }
5406
5407 h2,
5408 h3 {
5409 page-break-after: avoid;
5410 }
5411
5412 .hide-on-print {
5413 display: none !important;
5414 }
5415
5416 .print-only {
5417 display: block !important;
5418 }
5419
5420 .hide-for-print {
5421 display: none !important;
5422 }
5423
5424 .show-for-print {
5425 display: inherit !important;
5426 }
5427 }
5428
5429 .split.button {
5430 position: relative;
5431 padding-right: 5.0625rem;
5432 }
5433
5434 .split.button span {
5435 display: block;
5436 height: 100%;
5437 position: absolute;
5438 right: 0;
5439 top: 0;
5440 border-left: solid 1px;
5441 }
5442
5443 .split.button span:after {
5444 position: absolute;
5445 content: "";
5446 width: 0;
5447 height: 0;
5448 display: block;
5449 border-style: inset;
5450 top: 50%;
5451 left: 50%;
5452 }
5453
5454 .split.button span:active {
5455 background-color: rgba(0, 0, 0, 0.1);
5456 }
5457
5458 .split.button span {
5459 border-left-color: rgba(255, 255, 255, 0.5);
5460 }
5461
5462 .split.button span {
5463 width: 3.09375rem;
5464 }
5465
5466 .split.button span:after {
5467 border-top-style: solid;
5468 border-width: 0.375rem;
5469 top: 48%;
5470 margin-left: -0.375rem;
5471 }
5472
5473 .split.button span:after {
5474 border-color: #FFFFFF transparent transparent transparent;
5475 }
5476
5477 .split.button.secondary span {
5478 border-left-color: rgba(255, 255, 255, 0.5);
5479 }
5480
5481 .split.button.secondary span:after {
5482 border-color: #FFFFFF transparent transparent transparent;
5483 }
5484
5485 .split.button.alert span {
5486 border-left-color: rgba(255, 255, 255, 0.5);
5487 }
5488
5489 .split.button.success span {
5490 border-left-color: rgba(255, 255, 255, 0.5);
5491 }
5492
5493 .split.button.tiny {
5494 padding-right: 3.75rem;
5495 }
5496
5497 .split.button.tiny span {
5498 width: 2.25rem;
5499 }
5500
5501 .split.button.tiny span:after {
5502 border-top-style: solid;
5503 border-width: 0.375rem;
5504 top: 48%;
5505 margin-left: -0.375rem;
5506 }
5507
5508 .split.button.small {
5509 padding-right: 4.375rem;
5510 }
5511
5512 .split.button.small span {
5513 width: 2.625rem;
5514 }
5515
5516 .split.button.small span:after {
5517 border-top-style: solid;
5518 border-width: 0.4375rem;
5519 top: 48%;
5520 margin-left: -0.375rem;
5521 }
5522
5523 .split.button.large {
5524 padding-right: 5.5rem;
5525 }
5526
5527 .split.button.large span {
5528 width: 3.4375rem;
5529 }
5530
5531 .split.button.large span:after {
5532 border-top-style: solid;
5533 border-width: 0.3125rem;
5534 top: 48%;
5535 margin-left: -0.375rem;
5536 }
5537
5538 .split.button.expand {
5539 padding-left: 2rem;
5540 }
5541
5542 .split.button.secondary span:after {
5543 border-color: #333333 transparent transparent transparent;
5544 }
5545
5546 .split.button.radius span {
5547 -webkit-border-bottom-right-radius: 3px;
5548 -webkit-border-top-right-radius: 3px;
5549 border-bottom-right-radius: 3px;
5550 border-top-right-radius: 3px;
5551 }
5552
5553 .split.button.round span {
5554 -webkit-border-bottom-right-radius: 1000px;
5555 -webkit-border-top-right-radius: 1000px;
5556 border-bottom-right-radius: 1000px;
5557 border-top-right-radius: 1000px;
5558 }
5559
5560 .reveal-modal-bg {
5561 position: absolute;
5562 top: 0;
5563 bottom: 0;
5564 left: 0;
5565 right: 0;
5566 background: #000000;
5567 background: rgba(0, 0, 0, 0.45);
5568 z-index: 1004;
5569 display: none;
5570 left: 0;
5571 }
5572
5573 .reveal-modal, dialog {
5574 visibility: hidden;
5575 display: none;
5576 position: absolute;
5577 z-index: 1005;
5578 width: 100vw;
5579 top: 0;
5580 border-radius: 3px;
5581 left: 0;
5582 background-color: #FFFFFF;
5583 padding: 1.25rem;
5584 border: solid 1px #666666;
5585 box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
5586 padding: 1.875rem;
5587 }
5588
5589 @media only screen and (max-width: 40em) {
5590 .reveal-modal, dialog {
5591 min-height: 100vh;
5592 }
5593 }
5594
5595 .reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns {
5596 min-width: 0;
5597 }
5598
5599 .reveal-modal > :first-child, dialog > :first-child {
5600 margin-top: 0;
5601 }
5602
5603 .reveal-modal > :last-child, dialog > :last-child {
5604 margin-bottom: 0;
5605 }
5606
5607 @media only screen and (min-width: 40.063em) {
5608 .reveal-modal, dialog {
5609 width: 80%;
5610 max-width: 62.5rem;
5611 left: 0;
5612 right: 0;
5613 margin: 0 auto;
5614 }
5615 }
5616
5617 @media only screen and (min-width: 40.063em) {
5618 .reveal-modal, dialog {
5619 top: 6.25rem;
5620 }
5621 }
5622
5623 .reveal-modal.radius, dialog.radius {
5624 border-radius: 3px;
5625 }
5626
5627 .reveal-modal.round, dialog.round {
5628 border-radius: 1000px;
5629 }
5630
5631 .reveal-modal.collapse, dialog.collapse {
5632 padding: 0;
5633 }
5634
5635 @media only screen and (min-width: 40.063em) {
5636 .reveal-modal.tiny, dialog.tiny {
5637 width: 30%;
5638 max-width: 62.5rem;
5639 left: 0;
5640 right: 0;
5641 margin: 0 auto;
5642 }
5643 }
5644
5645 @media only screen and (min-width: 40.063em) {
5646 .reveal-modal.small, dialog.small {
5647 width: 40%;
5648 max-width: 62.5rem;
5649 left: 0;
5650 right: 0;
5651 margin: 0 auto;
5652 }
5653 }
5654
5655 @media only screen and (min-width: 40.063em) {
5656 .reveal-modal.medium, dialog.medium {
5657 width: 60%;
5658 max-width: 62.5rem;
5659 left: 0;
5660 right: 0;
5661 margin: 0 auto;
5662 }
5663 }
5664
5665 @media only screen and (min-width: 40.063em) {
5666 .reveal-modal.large, dialog.large {
5667 width: 70%;
5668 max-width: 62.5rem;
5669 left: 0;
5670 right: 0;
5671 margin: 0 auto;
5672 }
5673 }
5674
5675 @media only screen and (min-width: 40.063em) {
5676 .reveal-modal.xlarge, dialog.xlarge {
5677 width: 95%;
5678 max-width: 62.5rem;
5679 left: 0;
5680 right: 0;
5681 margin: 0 auto;
5682 }
5683 }
5684
5685 .reveal-modal.full, dialog.full {
5686 top: 0;
5687 left: 0;
5688 height: 100%;
5689 height: 100vh;
5690 min-height: 100vh;
5691 max-width: none !important;
5692 margin-left: 0 !important;
5693 }
5694
5695 @media only screen and (min-width: 40.063em) {
5696 .reveal-modal.full, dialog.full {
5697 width: 100vw;
5698 max-width: 62.5rem;
5699 left: 0;
5700 right: 0;
5701 margin: 0 auto;
5702 }
5703 }
5704
5705 .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
5706 font-size: 2.5rem;
5707 line-height: 1;
5708 position: absolute;
5709 top: 0.625rem;
5710 right: 1.375rem;
5711 color: #AAAAAA;
5712 font-weight: bold;
5713 cursor: pointer;
5714 }
5715
5716 dialog {
5717 display: none;
5718 }
5719
5720 dialog::backdrop, dialog + .backdrop {
5721 position: absolute;
5722 top: 0;
5723 bottom: 0;
5724 left: 0;
5725 right: 0;
5726 background: #000000;
5727 background: rgba(0, 0, 0, 0.45);
5728 z-index: auto;
5729 display: none;
5730 left: 0;
5731 }
5732
5733 dialog[open] {
5734 display: block;
5735 }
5736
5737 @media print {
5738 dialog, .reveal-modal, dialog {
5739 display: none;
5740 background: #FFFFFF !important;
5741 }
5742 }
5743
5744 /* Tooltips */
5745 .has-tip {
5746 border-bottom: dotted 1px #CCCCCC;
5747 cursor: help;
5748 font-weight: bold;
5749 color: #333333;
5750 }
5751
5752 .has-tip:hover, .has-tip:focus {
5753 border-bottom: dotted 1px #003f54;
5754 color: #008CBA;
5755 }
5756
5757 .has-tip.tip-left, .has-tip.tip-right {
5758 float: none !important;
5759 }
5760
5761 .tooltip {
5762 display: none;
5763 position: absolute;
5764 z-index: 1006;
5765 font-weight: normal;
5766 font-size: 0.875rem;
5767 line-height: 1.3;
5768 padding: 0.75rem;
5769 max-width: 300px;
5770 left: 50%;
5771 width: 100%;
5772 color: #FFFFFF;
5773 background: #333333;
5774 }
5775
5776 .tooltip > .nub {
5777 display: block;
5778 left: 5px;
5779 position: absolute;
5780 width: 0;
5781 height: 0;
5782 border: solid 5px;
5783 border-color: transparent transparent #333333 transparent;
5784 top: -10px;
5785 pointer-events: none;
5786 }
5787
5788 .tooltip > .nub.rtl {
5789 left: auto;
5790 right: 5px;
5791 }
5792
5793 .tooltip.radius {
5794 border-radius: 3px;
5795 }
5796
5797 .tooltip.round {
5798 border-radius: 1000px;
5799 }
5800
5801 .tooltip.round > .nub {
5802 left: 2rem;
5803 }
5804
5805 .tooltip.opened {
5806 color: #008CBA !important;
5807 border-bottom: dotted 1px #003f54 !important;
5808 }
5809
5810 .tap-to-close {
5811 display: block;
5812 font-size: 0.625rem;
5813 color: #777777;
5814 font-weight: normal;
5815 }
5816
5817 @media only screen and (min-width: 40.063em) {
5818 .tooltip > .nub {
5819 border-color: transparent transparent #333333 transparent;
5820 top: -10px;
5821 }
5822
5823 .tooltip.tip-top > .nub {
5824 border-color: #333333 transparent transparent transparent;
5825 top: auto;
5826 bottom: -10px;
5827 }
5828
5829 .tooltip.tip-left, .tooltip.tip-right {
5830 float: none !important;
5831 }
5832
5833 .tooltip.tip-left > .nub {
5834 border-color: transparent transparent transparent #333333;
5835 right: -10px;
5836 left: auto;
5837 top: 50%;
5838 margin-top: -5px;
5839 }
5840
5841 .tooltip.tip-right > .nub {
5842 border-color: transparent #333333 transparent transparent;
5843 right: auto;
5844 left: -10px;
5845 top: 50%;
5846 margin-top: -5px;
5847 }
5848 }
5849
5850 /* Clearing Styles */
5851 .clearing-thumbs, [data-clearing] {
5852 margin-bottom: 0;
5853 margin-left: 0;
5854 list-style: none;
5855 }
5856
5857 .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
5858 content: " ";
5859 display: table;
5860 }
5861
5862 .clearing-thumbs:after, [data-clearing]:after {
5863 clear: both;
5864 }
5865
5866 .clearing-thumbs li, [data-clearing] li {
5867 float: left;
5868 margin-right: 10px;
5869 }
5870
5871 .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
5872 margin-right: 0;
5873 }
5874
5875 .clearing-blackout {
5876 background: #333333;
5877 position: fixed;
5878 width: 100%;
5879 height: 100%;
5880 top: 0;
5881 left: 0;
5882 z-index: 998;
5883 }
5884
5885 .clearing-blackout .clearing-close {
5886 display: block;
5887 }
5888
5889 .clearing-container {
5890 position: relative;
5891 z-index: 998;
5892 height: 100%;
5893 overflow: hidden;
5894 margin: 0;
5895 }
5896
5897 .clearing-touch-label {
5898 position: absolute;
5899 top: 50%;
5900 left: 50%;
5901 color: #AAAAAA;
5902 font-size: 0.6em;
5903 }
5904
5905 .visible-img {
5906 height: 95%;
5907 position: relative;
5908 }
5909
5910 .visible-img img {
5911 position: absolute;
5912 left: 50%;
5913 top: 50%;
5914 margin-left: -50%;
5915 max-height: 100%;
5916 max-width: 100%;
5917 }
5918
5919 .clearing-caption {
5920 color: #CCCCCC;
5921 font-size: 0.875em;
5922 line-height: 1.3;
5923 margin-bottom: 0;
5924 text-align: center;
5925 bottom: 0;
5926 background: #333333;
5927 width: 100%;
5928 padding: 10px 30px 20px;
5929 position: absolute;
5930 left: 0;
5931 }
5932
5933 .clearing-close {
5934 z-index: 999;
5935 padding-left: 20px;
5936 padding-top: 10px;
5937 font-size: 30px;
5938 line-height: 1;
5939 color: #CCCCCC;
5940 display: none;
5941 }
5942
5943 .clearing-close:hover, .clearing-close:focus {
5944 color: #CCCCCC;
5945 }
5946
5947 .clearing-assembled .clearing-container {
5948 height: 100%;
5949 }
5950
5951 .clearing-assembled .clearing-container .carousel > ul {
5952 display: none;
5953 }
5954
5955 .clearing-feature li {
5956 display: none;
5957 }
5958
5959 .clearing-feature li.clearing-featured-img {
5960 display: block;
5961 }
5962
5963 @media only screen and (min-width: 40.063em) {
5964 .clearing-main-prev,
5965 .clearing-main-next {
5966 position: absolute;
5967 height: 100%;
5968 width: 40px;
5969 top: 0;
5970 }
5971
5972 .clearing-main-prev > span,
5973 .clearing-main-next > span {
5974 position: absolute;
5975 top: 50%;
5976 display: block;
5977 width: 0;
5978 height: 0;
5979 border: solid 12px;
5980 }
5981
5982 .clearing-main-prev > span:hover,
5983 .clearing-main-next > span:hover {
5984 opacity: 0.8;
5985 }
5986
5987 .clearing-main-prev {
5988 left: 0;
5989 }
5990
5991 .clearing-main-prev > span {
5992 left: 5px;
5993 border-color: transparent;
5994 border-right-color: #CCCCCC;
5995 }
5996
5997 .clearing-main-next {
5998 right: 0;
5999 }
6000
6001 .clearing-main-next > span {
6002 border-color: transparent;
6003 border-left-color: #CCCCCC;
6004 }
6005
6006 .clearing-main-prev.disabled,
6007 .clearing-main-next.disabled {
6008 opacity: 0.3;
6009 }
6010
6011 .clearing-assembled .clearing-container .carousel {
6012 background: rgba(51, 51, 51, 0.8);
6013 height: 120px;
6014 margin-top: 10px;
6015 text-align: center;
6016 }
6017
6018 .clearing-assembled .clearing-container .carousel > ul {
6019 display: inline-block;
6020 z-index: 999;
6021 height: 100%;
6022 position: relative;
6023 float: none;
6024 }
6025
6026 .clearing-assembled .clearing-container .carousel > ul li {
6027 display: block;
6028 width: 120px;
6029 min-height: inherit;
6030 float: left;
6031 overflow: hidden;
6032 margin-right: 0;
6033 padding: 0;
6034 position: relative;
6035 cursor: pointer;
6036 opacity: 0.4;
6037 clear: none;
6038 }
6039
6040 .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
6041 height: 100%;
6042 max-width: none;
6043 }
6044
6045 .clearing-assembled .clearing-container .carousel > ul li a.th {
6046 border: none;
6047 box-shadow: none;
6048 display: block;
6049 }
6050
6051 .clearing-assembled .clearing-container .carousel > ul li img {
6052 cursor: pointer !important;
6053 width: 100% !important;
6054 }
6055
6056 .clearing-assembled .clearing-container .carousel > ul li.visible {
6057 opacity: 1;
6058 }
6059
6060 .clearing-assembled .clearing-container .carousel > ul li:hover {
6061 opacity: 0.8;
6062 }
6063
6064 .clearing-assembled .clearing-container .visible-img {
6065 background: #333333;
6066 overflow: hidden;
6067 height: 85%;
6068 }
6069
6070 .clearing-close {
6071 position: absolute;
6072 top: 10px;
6073 right: 20px;
6074 padding-left: 0;
6075 padding-top: 0;
6076 }
6077 }
6078
6079 /* Progress Bar */
6080 .progress {
6081 background-color: #F6F6F6;
6082 height: 1.5625rem;
6083 border: 1px solid white;
6084 padding: 0.125rem;
6085 margin-bottom: 0.625rem;
6086 }
6087
6088 .progress .meter {
6089 background: #008CBA;
6090 height: 100%;
6091 display: block;
6092 }
6093
6094 .progress.secondary .meter {
6095 background: #e7e7e7;
6096 height: 100%;
6097 display: block;
6098 }
6099
6100 .progress.success .meter {
6101 background: #43AC6A;
6102 height: 100%;
6103 display: block;
6104 }
6105
6106 .progress.alert .meter {
6107 background: #f04124;
6108 height: 100%;
6109 display: block;
6110 }
6111
6112 .progress.radius {
6113 border-radius: 3px;
6114 }
6115
6116 .progress.radius .meter {
6117 border-radius: 2px;
6118 }
6119
6120 .progress.round {
6121 border-radius: 1000px;
6122 }
6123
6124 .progress.round .meter {
6125 border-radius: 999px;
6126 }
6127
6128 .sub-nav {
6129 display: block;
6130 width: auto;
6131 overflow: hidden;
6132 margin: -0.25rem 0 1.125rem;
6133 padding-top: 0.25rem;
6134 }
6135
6136 .sub-nav dt {
6137 text-transform: uppercase;
6138 }
6139
6140 .sub-nav dt,
6141 .sub-nav dd,
6142 .sub-nav li {
6143 float: left;
6144 display: inline;
6145 margin-left: 1rem;
6146 margin-bottom: 0;
6147 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
6148 font-weight: normal;
6149 font-size: 0.875rem;
6150 color: #999999;
6151 }
6152
6153 .sub-nav dt a,
6154 .sub-nav dd a,
6155 .sub-nav li a {
6156 text-decoration: none;
6157 color: #999999;
6158 padding: 0.1875rem 1rem;
6159 }
6160
6161 .sub-nav dt a:hover,
6162 .sub-nav dd a:hover,
6163 .sub-nav li a:hover {
6164 color: #737373;
6165 }
6166
6167 .sub-nav dt.active a,
6168 .sub-nav dd.active a,
6169 .sub-nav li.active a {
6170 border-radius: 3px;
6171 font-weight: normal;
6172 background: #008CBA;
6173 padding: 0.1875rem 1rem;
6174 cursor: default;
6175 color: #FFFFFF;
6176 }
6177
6178 .sub-nav dt.active a:hover,
6179 .sub-nav dd.active a:hover,
6180 .sub-nav li.active a:hover {
6181 background: #0078a0;
6182 }
6183
6184 /* Foundation Joyride */
6185 .joyride-list {
6186 display: none;
6187 }
6188
6189 /* Default styles for the container */
6190 .joyride-tip-guide {
6191 display: none;
6192 position: absolute;
6193 background: #333333;
6194 color: #FFFFFF;
6195 z-index: 101;
6196 top: 0;
6197 left: 2.5%;
6198 font-family: inherit;
6199 font-weight: normal;
6200 width: 95%;
6201 }
6202
6203 .lt-ie9 .joyride-tip-guide {
6204 max-width: 800px;
6205 left: 50%;
6206 margin-left: -400px;
6207 }
6208
6209 .joyride-content-wrapper {
6210 width: 100%;
6211 padding: 1.125rem 1.25rem 1.5rem;
6212 }
6213
6214 .joyride-content-wrapper .button {
6215 margin-bottom: 0 !important;
6216 }
6217
6218 .joyride-content-wrapper .joyride-prev-tip {
6219 margin-right: 10px;
6220 }
6221
6222 /* Add a little css triangle pip, older browser just miss out on the fanciness of it */
6223 .joyride-tip-guide .joyride-nub {
6224 display: block;
6225 position: absolute;
6226 left: 22px;
6227 width: 0;
6228 height: 0;
6229 border: 10px solid #333333;
6230 }
6231
6232 .joyride-tip-guide .joyride-nub.top {
6233 border-top-style: solid;
6234 border-color: #333333;
6235 border-top-color: transparent !important;
6236 border-left-color: transparent !important;
6237 border-right-color: transparent !important;
6238 top: -20px;
6239 }
6240
6241 .joyride-tip-guide .joyride-nub.bottom {
6242 border-bottom-style: solid;
6243 border-color: #333333 !important;
6244 border-bottom-color: transparent !important;
6245 border-left-color: transparent !important;
6246 border-right-color: transparent !important;
6247 bottom: -20px;
6248 }
6249
6250 .joyride-tip-guide .joyride-nub.right {
6251 right: -20px;
6252 }
6253
6254 .joyride-tip-guide .joyride-nub.left {
6255 left: -20px;
6256 }
6257
6258 /* Typography */
6259 .joyride-tip-guide h1,
6260 .joyride-tip-guide h2,
6261 .joyride-tip-guide h3,
6262 .joyride-tip-guide h4,
6263 .joyride-tip-guide h5,
6264 .joyride-tip-guide h6 {
6265 line-height: 1.25;
6266 margin: 0;
6267 font-weight: bold;
6268 color: #FFFFFF;
6269 }
6270
6271 .joyride-tip-guide p {
6272 margin: 0 0 1.125rem 0;
6273 font-size: 0.875rem;
6274 line-height: 1.3;
6275 }
6276
6277 .joyride-timer-indicator-wrap {
6278 width: 50px;
6279 height: 3px;
6280 border: solid 1px #555555;
6281 position: absolute;
6282 right: 1.0625rem;
6283 bottom: 1rem;
6284 }
6285
6286 .joyride-timer-indicator {
6287 display: block;
6288 width: 0;
6289 height: inherit;
6290 background: #666666;
6291 }
6292
6293 .joyride-close-tip {
6294 position: absolute;
6295 right: 12px;
6296 top: 10px;
6297 color: #777777 !important;
6298 text-decoration: none;
6299 font-size: 24px;
6300 font-weight: normal;
6301 line-height: .5 !important;
6302 }
6303
6304 .joyride-close-tip:hover, .joyride-close-tip:focus {
6305 color: #EEEEEE !important;
6306 }
6307
6308 .joyride-modal-bg {
6309 position: fixed;
6310 height: 100%;
6311 width: 100%;
6312 background: transparent;
6313 background: rgba(0, 0, 0, 0.5);
6314 z-index: 100;
6315 display: none;
6316 top: 0;
6317 left: 0;
6318 cursor: pointer;
6319 }
6320
6321 .joyride-expose-wrapper {
6322 background-color: #FFFFFF;
6323 position: absolute;
6324 border-radius: 3px;
6325 z-index: 102;
6326 box-shadow: 0 0 15px #FFFFFF;
6327 }
6328
6329 .joyride-expose-cover {
6330 background: transparent;
6331 border-radius: 3px;
6332 position: absolute;
6333 z-index: 9999;
6334 top: 0;
6335 left: 0;
6336 }
6337
6338 /* Styles for screens that are at least 768px; */
6339 @media only screen and (min-width: 40.063em) {
6340 .joyride-tip-guide {
6341 width: 300px;
6342 left: inherit;
6343 }
6344
6345 .joyride-tip-guide .joyride-nub.bottom {
6346 border-color: #333333 !important;
6347 border-bottom-color: transparent !important;
6348 border-left-color: transparent !important;
6349 border-right-color: transparent !important;
6350 bottom: -20px;
6351 }
6352
6353 .joyride-tip-guide .joyride-nub.right {
6354 border-color: #333333 !important;
6355 border-top-color: transparent !important;
6356 border-right-color: transparent !important;
6357 border-bottom-color: transparent !important;
6358 top: 22px;
6359 left: auto;
6360 right: -20px;
6361 }
6362
6363 .joyride-tip-guide .joyride-nub.left {
6364 border-color: #333333 !important;
6365 border-top-color: transparent !important;
6366 border-left-color: transparent !important;
6367 border-bottom-color: transparent !important;
6368 top: 22px;
6369 left: -20px;
6370 right: auto;
6371 }
6372 }
6373
6374 .label {
6375 font-weight: normal;
6376 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
6377 text-align: center;
6378 text-decoration: none;
6379 line-height: 1;
6380 white-space: nowrap;
6381 display: inline-block;
6382 position: relative;
6383 margin-bottom: auto;
6384 padding: 0.25rem 0.5rem 0.25rem;
6385 font-size: 0.6875rem;
6386 background-color: #008CBA;
6387 color: #FFFFFF;
6388 }
6389
6390 .label.radius {
6391 border-radius: 3px;
6392 }
6393
6394 .label.round {
6395 border-radius: 1000px;
6396 }
6397
6398 .label.alert {
6399 background-color: #f04124;
6400 color: #FFFFFF;
6401 }
6402
6403 .label.warning {
6404 background-color: #f08a24;
6405 color: #FFFFFF;
6406 }
6407
6408 .label.success {
6409 background-color: #43AC6A;
6410 color: #FFFFFF;
6411 }
6412
6413 .label.secondary {
6414 background-color: #e7e7e7;
6415 color: #333333;
6416 }
6417
6418 .label.info {
6419 background-color: #a0d3e8;
6420 color: #333333;
6421 }
6422
6423 .off-canvas-wrap {
6424 -webkit-backface-visibility: hidden;
6425 position: relative;
6426 width: 100%;
6427 overflow: hidden;
6428 }
6429
6430 .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
6431 min-height: 100%;
6432 -webkit-overflow-scrolling: touch;
6433 }
6434
6435 .inner-wrap {
6436 position: relative;
6437 width: 100%;
6438 -webkit-transition: -webkit-transform 500ms ease;
6439 -moz-transition: -moz-transform 500ms ease;
6440 -ms-transition: -ms-transform 500ms ease;
6441 -o-transition: -o-transform 500ms ease;
6442 transition: transform 500ms ease;
6443 }
6444
6445 .inner-wrap:before, .inner-wrap:after {
6446 content: " ";
6447 display: table;
6448 }
6449
6450 .inner-wrap:after {
6451 clear: both;
6452 }
6453
6454 .tab-bar {
6455 -webkit-backface-visibility: hidden;
6456 background: #333333;
6457 color: #FFFFFF;
6458 height: 2.8125rem;
6459 line-height: 2.8125rem;
6460 position: relative;
6461 }
6462
6463 .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
6464 color: #FFFFFF;
6465 font-weight: bold;
6466 line-height: 2.8125rem;
6467 margin: 0;
6468 }
6469
6470 .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
6471 font-size: 1.125rem;
6472 }
6473
6474 .left-small {
6475 width: 2.8125rem;
6476 height: 2.8125rem;
6477 position: absolute;
6478 top: 0;
6479 border-right: solid 1px #1a1a1a;
6480 left: 0;
6481 }
6482
6483 .right-small {
6484 width: 2.8125rem;
6485 height: 2.8125rem;
6486 position: absolute;
6487 top: 0;
6488 border-left: solid 1px #1a1a1a;
6489 right: 0;
6490 }
6491
6492 .tab-bar-section {
6493 padding: 0 0.625rem;
6494 position: absolute;
6495 text-align: center;
6496 height: 2.8125rem;
6497 top: 0;
6498 }
6499
6500 @media only screen and (min-width: 40.063em) {
6501 .tab-bar-section.left {
6502 text-align: left;
6503 }
6504
6505 .tab-bar-section.right {
6506 text-align: right;
6507 }
6508 }
6509
6510 .tab-bar-section.left {
6511 left: 0;
6512 right: 2.8125rem;
6513 }
6514
6515 .tab-bar-section.right {
6516 left: 2.8125rem;
6517 right: 0;
6518 }
6519
6520 .tab-bar-section.middle {
6521 left: 2.8125rem;
6522 right: 2.8125rem;
6523 }
6524
6525 .tab-bar .menu-icon {
6526 text-indent: 2.1875rem;
6527 width: 2.8125rem;
6528 height: 2.8125rem;
6529 display: block;
6530 padding: 0;
6531 color: #FFFFFF;
6532 position: relative;
6533 transform: translate3d(0, 0, 0);
6534 }
6535
6536 .tab-bar .menu-icon span::after {
6537 content: "";
6538 position: absolute;
6539 display: block;
6540 height: 0;
6541 top: 50%;
6542 margin-top: -0.5rem;
6543 left: 0.90625rem;
6544 box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
6545 width: 1rem;
6546 }
6547
6548 .tab-bar .menu-icon span:hover:after {
6549 box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
6550 }
6551
6552 .left-off-canvas-menu {
6553 -webkit-backface-visibility: hidden;
6554 width: 15.625rem;
6555 top: 0;
6556 bottom: 0;
6557 position: absolute;
6558 overflow-x: hidden;
6559 overflow-y: auto;
6560 background: #333333;
6561 z-index: 1001;
6562 box-sizing: content-box;
6563 transition: transform 500ms ease 0s;
6564 -webkit-overflow-scrolling: touch;
6565 -ms-overflow-style: -ms-autohiding-scrollbar;
6566 -ms-transform: translate(-100%, 0);
6567 -webkit-transform: translate3d(-100%, 0, 0);
6568 -moz-transform: translate3d(-100%, 0, 0);
6569 -ms-transform: translate3d(-100%, 0, 0);
6570 -o-transform: translate3d(-100%, 0, 0);
6571 transform: translate3d(-100%, 0, 0);
6572 left: 0;
6573 }
6574
6575 .left-off-canvas-menu * {
6576 -webkit-backface-visibility: hidden;
6577 }
6578
6579 .right-off-canvas-menu {
6580 -webkit-backface-visibility: hidden;
6581 width: 15.625rem;
6582 top: 0;
6583 bottom: 0;
6584 position: absolute;
6585 overflow-x: hidden;
6586 overflow-y: auto;
6587 background: #333333;
6588 z-index: 1001;
6589 box-sizing: content-box;
6590 transition: transform 500ms ease 0s;
6591 -webkit-overflow-scrolling: touch;
6592 -ms-overflow-style: -ms-autohiding-scrollbar;
6593 -ms-transform: translate(100%, 0);
6594 -webkit-transform: translate3d(100%, 0, 0);
6595 -moz-transform: translate3d(100%, 0, 0);
6596 -ms-transform: translate3d(100%, 0, 0);
6597 -o-transform: translate3d(100%, 0, 0);
6598 transform: translate3d(100%, 0, 0);
6599 right: 0;
6600 }
6601
6602 .right-off-canvas-menu * {
6603 -webkit-backface-visibility: hidden;
6604 }
6605
6606 ul.off-canvas-list {
6607 list-style-type: none;
6608 padding: 0;
6609 margin: 0;
6610 }
6611
6612 ul.off-canvas-list li label {
6613 display: block;
6614 padding: 0.3rem 0.9375rem;
6615 color: #999999;
6616 text-transform: uppercase;
6617 font-size: 0.75rem;
6618 font-weight: bold;
6619 background: #444444;
6620 border-top: 1px solid #5e5e5e;
6621 border-bottom: none;
6622 margin: 0;
6623 }
6624
6625 ul.off-canvas-list li a {
6626 display: block;
6627 padding: 0.66667rem;
6628 color: rgba(255, 255, 255, 0.7);
6629 border-bottom: 1px solid #262626;
6630 transition: background 300ms ease;
6631 }
6632
6633 ul.off-canvas-list li a:hover {
6634 background: #242424;
6635 }
6636
6637 .move-right > .inner-wrap {
6638 -ms-transform: translate(15.625rem, 0);
6639 -webkit-transform: translate3d(15.625rem, 0, 0);
6640 -moz-transform: translate3d(15.625rem, 0, 0);
6641 -ms-transform: translate3d(15.625rem, 0, 0);
6642 -o-transform: translate3d(15.625rem, 0, 0);
6643 transform: translate3d(15.625rem, 0, 0);
6644 }
6645
6646 .move-right .exit-off-canvas {
6647 -webkit-backface-visibility: hidden;
6648 transition: background 300ms ease;
6649 cursor: pointer;
6650 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
6651 display: block;
6652 position: absolute;
6653 background: rgba(255, 255, 255, 0.2);
6654 top: 0;
6655 bottom: 0;
6656 left: 0;
6657 right: 0;
6658 z-index: 1002;
6659 -webkit-tap-highlight-color: transparent;
6660 }
6661
6662 @media only screen and (min-width: 40.063em) {
6663 .move-right .exit-off-canvas:hover {
6664 background: rgba(255, 255, 255, 0.05);
6665 }
6666 }
6667
6668 .move-left > .inner-wrap {
6669 -ms-transform: translate(-15.625rem, 0);
6670 -webkit-transform: translate3d(-15.625rem, 0, 0);
6671 -moz-transform: translate3d(-15.625rem, 0, 0);
6672 -ms-transform: translate3d(-15.625rem, 0, 0);
6673 -o-transform: translate3d(-15.625rem, 0, 0);
6674 transform: translate3d(-15.625rem, 0, 0);
6675 }
6676
6677 .move-left .exit-off-canvas {
6678 -webkit-backface-visibility: hidden;
6679 transition: background 300ms ease;
6680 cursor: pointer;
6681 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
6682 display: block;
6683 position: absolute;
6684 background: rgba(255, 255, 255, 0.2);
6685 top: 0;
6686 bottom: 0;
6687 left: 0;
6688 right: 0;
6689 z-index: 1002;
6690 -webkit-tap-highlight-color: transparent;
6691 }
6692
6693 @media only screen and (min-width: 40.063em) {
6694 .move-left .exit-off-canvas:hover {
6695 background: rgba(255, 255, 255, 0.05);
6696 }
6697 }
6698
6699 .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
6700 -ms-transform: none;
6701 -webkit-transform: none;
6702 -moz-transform: none;
6703 -o-transform: none;
6704 transform: none;
6705 z-index: 1003;
6706 }
6707
6708 .offcanvas-overlap .exit-off-canvas {
6709 -webkit-backface-visibility: hidden;
6710 transition: background 300ms ease;
6711 cursor: pointer;
6712 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
6713 display: block;
6714 position: absolute;
6715 background: rgba(255, 255, 255, 0.2);
6716 top: 0;
6717 bottom: 0;
6718 left: 0;
6719 right: 0;
6720 z-index: 1002;
6721 -webkit-tap-highlight-color: transparent;
6722 }
6723
6724 @media only screen and (min-width: 40.063em) {
6725 .offcanvas-overlap .exit-off-canvas:hover {
6726 background: rgba(255, 255, 255, 0.05);
6727 }
6728 }
6729
6730 .offcanvas-overlap-left .right-off-canvas-menu {
6731 -ms-transform: none;
6732 -webkit-transform: none;
6733 -moz-transform: none;
6734 -o-transform: none;
6735 transform: none;
6736 z-index: 1003;
6737 }
6738
6739 .offcanvas-overlap-left .exit-off-canvas {
6740 -webkit-backface-visibility: hidden;
6741 transition: background 300ms ease;
6742 cursor: pointer;
6743 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
6744 display: block;
6745 position: absolute;
6746 background: rgba(255, 255, 255, 0.2);
6747 top: 0;
6748 bottom: 0;
6749 left: 0;
6750 right: 0;
6751 z-index: 1002;
6752 -webkit-tap-highlight-color: transparent;
6753 }
6754
6755 @media only screen and (min-width: 40.063em) {
6756 .offcanvas-overlap-left .exit-off-canvas:hover {
6757 background: rgba(255, 255, 255, 0.05);
6758 }
6759 }
6760
6761 .offcanvas-overlap-right .left-off-canvas-menu {
6762 -ms-transform: none;
6763 -webkit-transform: none;
6764 -moz-transform: none;
6765 -o-transform: none;
6766 transform: none;
6767 z-index: 1003;
6768 }
6769
6770 .offcanvas-overlap-right .exit-off-canvas {
6771 -webkit-backface-visibility: hidden;
6772 transition: background 300ms ease;
6773 cursor: pointer;
6774 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
6775 display: block;
6776 position: absolute;
6777 background: rgba(255, 255, 255, 0.2);
6778 top: 0;
6779 bottom: 0;
6780 left: 0;
6781 right: 0;
6782 z-index: 1002;
6783 -webkit-tap-highlight-color: transparent;
6784 }
6785
6786 @media only screen and (min-width: 40.063em) {
6787 .offcanvas-overlap-right .exit-off-canvas:hover {
6788 background: rgba(255, 255, 255, 0.05);
6789 }
6790 }
6791
6792 .no-csstransforms .left-off-canvas-menu {
6793 left: -15.625rem;
6794 }
6795
6796 .no-csstransforms .right-off-canvas-menu {
6797 right: -15.625rem;
6798 }
6799
6800 .no-csstransforms .move-left > .inner-wrap {
6801 right: 15.625rem;
6802 }
6803
6804 .no-csstransforms .move-right > .inner-wrap {
6805 left: 15.625rem;
6806 }
6807
6808 .left-submenu {
6809 -webkit-backface-visibility: hidden;
6810 width: 15.625rem;
6811 top: 0;
6812 bottom: 0;
6813 position: absolute;
6814 margin: 0;
6815 overflow-x: hidden;
6816 overflow-y: auto;
6817 background: #333333;
6818 z-index: 1002;
6819 box-sizing: content-box;
6820 -webkit-overflow-scrolling: touch;
6821 -ms-transform: translate(-100%, 0);
6822 -webkit-transform: translate3d(-100%, 0, 0);
6823 -moz-transform: translate3d(-100%, 0, 0);
6824 -ms-transform: translate3d(-100%, 0, 0);
6825 -o-transform: translate3d(-100%, 0, 0);
6826 transform: translate3d(-100%, 0, 0);
6827 left: 0;
6828 -webkit-transition: -webkit-transform 500ms ease;
6829 -moz-transition: -moz-transform 500ms ease;
6830 -ms-transition: -ms-transform 500ms ease;
6831 -o-transition: -o-transform 500ms ease;
6832 transition: transform 500ms ease;
6833 }
6834
6835 .left-submenu * {
6836 -webkit-backface-visibility: hidden;
6837 }
6838
6839 .left-submenu .back > a {
6840 padding: 0.3rem 0.9375rem;
6841 color: #999999;
6842 text-transform: uppercase;
6843 font-weight: bold;
6844 background: #444;
6845 border-top: 1px solid #5e5e5e;
6846 border-bottom: none;
6847 margin: 0;
6848 }
6849
6850 .left-submenu .back > a:hover {
6851 background: #303030;
6852 border-top: 1px solid #5e5e5e;
6853 border-bottom: none;
6854 }
6855
6856 .left-submenu .back > a:before {
6857 content: "\AB";
6858 margin-right: 0.5rem;
6859 display: inline;
6860 }
6861
6862 .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
6863 -ms-transform: translate(0%, 0);
6864 -webkit-transform: translate3d(0%, 0, 0);
6865 -moz-transform: translate3d(0%, 0, 0);
6866 -ms-transform: translate3d(0%, 0, 0);
6867 -o-transform: translate3d(0%, 0, 0);
6868 transform: translate3d(0%, 0, 0);
6869 }
6870
6871 .right-submenu {
6872 -webkit-backface-visibility: hidden;
6873 width: 15.625rem;
6874 top: 0;
6875 bottom: 0;
6876 position: absolute;
6877 margin: 0;
6878 overflow-x: hidden;
6879 overflow-y: auto;
6880 background: #333333;
6881 z-index: 1002;
6882 box-sizing: content-box;
6883 -webkit-overflow-scrolling: touch;
6884 -ms-transform: translate(100%, 0);
6885 -webkit-transform: translate3d(100%, 0, 0);
6886 -moz-transform: translate3d(100%, 0, 0);
6887 -ms-transform: translate3d(100%, 0, 0);
6888 -o-transform: translate3d(100%, 0, 0);
6889 transform: translate3d(100%, 0, 0);
6890 right: 0;
6891 -webkit-transition: -webkit-transform 500ms ease;
6892 -moz-transition: -moz-transform 500ms ease;
6893 -ms-transition: -ms-transform 500ms ease;
6894 -o-transition: -o-transform 500ms ease;
6895 transition: transform 500ms ease;
6896 }
6897
6898 .right-submenu * {
6899 -webkit-backface-visibility: hidden;
6900 }
6901
6902 .right-submenu .back > a {
6903 padding: 0.3rem 0.9375rem;
6904 color: #999999;
6905 text-transform: uppercase;
6906 font-weight: bold;
6907 background: #444;
6908 border-top: 1px solid #5e5e5e;
6909 border-bottom: none;
6910 margin: 0;
6911 }
6912
6913 .right-submenu .back > a:hover {
6914 background: #303030;
6915 border-top: 1px solid #5e5e5e;
6916 border-bottom: none;
6917 }
6918
6919 .right-submenu .back > a:after {
6920 content: "\BB";
6921 margin-left: 0.5rem;
6922 display: inline;
6923 }
6924
6925 .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
6926 -ms-transform: translate(0%, 0);
6927 -webkit-transform: translate3d(0%, 0, 0);
6928 -moz-transform: translate3d(0%, 0, 0);
6929 -ms-transform: translate3d(0%, 0, 0);
6930 -o-transform: translate3d(0%, 0, 0);
6931 transform: translate3d(0%, 0, 0);
6932 }
6933
6934 .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
6935 content: "\BB";
6936 margin-left: 0.5rem;
6937 display: inline;
6938 }
6939
6940 .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
6941 content: "\AB";
6942 margin-right: 0.5rem;
6943 display: inline;
6944 }
6945
6946 /* Foundation Dropdowns */
6947 .f-dropdown {
6948 position: absolute;
6949 left: -9999px;
6950 list-style: none;
6951 margin-left: 0;
6952 outline: none;
6953 width: 100%;
6954 max-height: none;
6955 height: auto;
6956 background: #FFFFFF;
6957 border: solid 1px #cccccc;
6958 font-size: 0.875rem;
6959 z-index: 89;
6960 margin-top: 2px;
6961 max-width: 200px;
6962 }
6963
6964 .f-dropdown > *:first-child {
6965 margin-top: 0;
6966 }
6967
6968 .f-dropdown > *:last-child {
6969 margin-bottom: 0;
6970 }
6971
6972 .f-dropdown:before {
6973 content: "";
6974 display: block;
6975 width: 0;
6976 height: 0;
6977 border: inset 6px;
6978 border-color: transparent transparent #FFFFFF transparent;
6979 border-bottom-style: solid;
6980 position: absolute;
6981 top: -12px;
6982 left: 10px;
6983 z-index: 89;
6984 }
6985
6986 .f-dropdown:after {
6987 content: "";
6988 display: block;
6989 width: 0;
6990 height: 0;
6991 border: inset 7px;
6992 border-color: transparent transparent #cccccc transparent;
6993 border-bottom-style: solid;
6994 position: absolute;
6995 top: -14px;
6996 left: 9px;
6997 z-index: 88;
6998 }
6999
7000 .f-dropdown.right:before {
7001 left: auto;
7002 right: 10px;
7003 }
7004
7005 .f-dropdown.right:after {
7006 left: auto;
7007 right: 9px;
7008 }
7009
7010 .f-dropdown.drop-right {
7011 position: absolute;
7012 left: -9999px;
7013 list-style: none;
7014 margin-left: 0;
7015 outline: none;
7016 width: 100%;
7017 max-height: none;
7018 height: auto;
7019 background: #FFFFFF;
7020 border: solid 1px #cccccc;
7021 font-size: 0.875rem;
7022 z-index: 89;
7023 margin-top: 0;
7024 margin-left: 2px;
7025 max-width: 200px;
7026 }
7027
7028 .f-dropdown.drop-right > *:first-child {
7029 margin-top: 0;
7030 }
7031
7032 .f-dropdown.drop-right > *:last-child {
7033 margin-bottom: 0;
7034 }
7035
7036 .f-dropdown.drop-right:before {
7037 content: "";
7038 display: block;
7039 width: 0;
7040 height: 0;
7041 border: inset 6px;
7042 border-color: transparent #FFFFFF transparent transparent;
7043 border-right-style: solid;
7044 position: absolute;
7045 top: 10px;
7046 left: -12px;
7047 z-index: 89;
7048 }
7049
7050 .f-dropdown.drop-right:after {
7051 content: "";
7052 display: block;
7053 width: 0;
7054 height: 0;
7055 border: inset 7px;
7056 border-color: transparent #cccccc transparent transparent;
7057 border-right-style: solid;
7058 position: absolute;
7059 top: 9px;
7060 left: -14px;
7061 z-index: 88;
7062 }
7063
7064 .f-dropdown.drop-left {
7065 position: absolute;
7066 left: -9999px;
7067 list-style: none;
7068 margin-left: 0;
7069 outline: none;
7070 width: 100%;
7071 max-height: none;
7072 height: auto;
7073 background: #FFFFFF;
7074 border: solid 1px #cccccc;
7075 font-size: 0.875rem;
7076 z-index: 89;
7077 margin-top: 0;
7078 margin-left: -2px;
7079 max-width: 200px;
7080 }
7081
7082 .f-dropdown.drop-left > *:first-child {
7083 margin-top: 0;
7084 }
7085
7086 .f-dropdown.drop-left > *:last-child {
7087 margin-bottom: 0;
7088 }
7089
7090 .f-dropdown.drop-left:before {
7091 content: "";
7092 display: block;
7093 width: 0;
7094 height: 0;
7095 border: inset 6px;
7096 border-color: transparent transparent transparent #FFFFFF;
7097 border-left-style: solid;
7098 position: absolute;
7099 top: 10px;
7100 right: -12px;
7101 left: auto;
7102 z-index: 89;
7103 }
7104
7105 .f-dropdown.drop-left:after {
7106 content: "";
7107 display: block;
7108 width: 0;
7109 height: 0;
7110 border: inset 7px;
7111 border-color: transparent transparent transparent #cccccc;
7112 border-left-style: solid;
7113 position: absolute;
7114 top: 9px;
7115 right: -14px;
7116 left: auto;
7117 z-index: 88;
7118 }
7119
7120 .f-dropdown.drop-top {
7121 position: absolute;
7122 left: -9999px;
7123 list-style: none;
7124 margin-left: 0;
7125 outline: none;
7126 width: 100%;
7127 max-height: none;
7128 height: auto;
7129 background: #FFFFFF;
7130 border: solid 1px #cccccc;
7131 font-size: 0.875rem;
7132 z-index: 89;
7133 margin-top: -2px;
7134 margin-left: 0;
7135 max-width: 200px;
7136 }
7137
7138 .f-dropdown.drop-top > *:first-child {
7139 margin-top: 0;
7140 }
7141
7142 .f-dropdown.drop-top > *:last-child {
7143 margin-bottom: 0;
7144 }
7145
7146 .f-dropdown.drop-top:before {
7147 content: "";
7148 display: block;
7149 width: 0;
7150 height: 0;
7151 border: inset 6px;
7152 border-color: #FFFFFF transparent transparent transparent;
7153 border-top-style: solid;
7154 position: absolute;
7155 top: auto;
7156 bottom: -12px;
7157 left: 10px;
7158 right: auto;
7159 z-index: 89;
7160 }
7161
7162 .f-dropdown.drop-top:after {
7163 content: "";
7164 display: block;
7165 width: 0;
7166 height: 0;
7167 border: inset 7px;
7168 border-color: #cccccc transparent transparent transparent;
7169 border-top-style: solid;
7170 position: absolute;
7171 top: auto;
7172 bottom: -14px;
7173 left: 9px;
7174 right: auto;
7175 z-index: 88;
7176 }
7177
7178 .f-dropdown li {
7179 font-size: 0.875rem;
7180 cursor: pointer;
7181 line-height: 1.125rem;
7182 margin: 0;
7183 }
7184
7185 .f-dropdown li:hover, .f-dropdown li:focus {
7186 background: #EEEEEE;
7187 }
7188
7189 .f-dropdown li.radius {
7190 border-radius: 3px;
7191 }
7192
7193 .f-dropdown li a {
7194 display: block;
7195 padding: 0.5rem;
7196 color: #555555;
7197 }
7198
7199 .f-dropdown.content {
7200 position: absolute;
7201 left: -9999px;
7202 list-style: none;
7203 margin-left: 0;
7204 outline: none;
7205 padding: 1.25rem;
7206 width: 100%;
7207 height: auto;
7208 max-height: none;
7209 background: #FFFFFF;
7210 border: solid 1px #cccccc;
7211 font-size: 0.875rem;
7212 z-index: 89;
7213 max-width: 200px;
7214 }
7215
7216 .f-dropdown.content > *:first-child {
7217 margin-top: 0;
7218 }
7219
7220 .f-dropdown.content > *:last-child {
7221 margin-bottom: 0;
7222 }
7223
7224 .f-dropdown.tiny {
7225 max-width: 200px;
7226 }
7227
7228 .f-dropdown.small {
7229 max-width: 300px;
7230 }
7231
7232 .f-dropdown.medium {
7233 max-width: 500px;
7234 }
7235
7236 .f-dropdown.large {
7237 max-width: 800px;
7238 }
7239
7240 .f-dropdown.mega {
7241 width: 100% !important;
7242 max-width: 100% !important;
7243 }
7244
7245 .f-dropdown.mega.open {
7246 left: 0 !important;
7247 }
7248
7249 table {
7250 background: #FFFFFF;
7251 margin-bottom: 1.25rem;
7252 border: solid 1px #DDDDDD;
7253 table-layout: auto;
7254 }
7255
7256 table caption {
7257 background: transparent;
7258 color: #222222;
7259 font-size: 1rem;
7260 font-weight: bold;
7261 }
7262
7263 table thead {
7264 background: #F5F5F5;
7265 }
7266
7267 table thead tr th,
7268 table thead tr td {
7269 padding: 0.5rem 0.625rem 0.625rem;
7270 font-size: 0.875rem;
7271 font-weight: bold;
7272 color: #222222;
7273 }
7274
7275 table tfoot {
7276 background: #F5F5F5;
7277 }
7278
7279 table tfoot tr th,
7280 table tfoot tr td {
7281 padding: 0.5rem 0.625rem 0.625rem;
7282 font-size: 0.875rem;
7283 font-weight: bold;
7284 color: #222222;
7285 }
7286
7287 table tr th,
7288 table tr td {
7289 padding: 0.5625rem 0.625rem;
7290 font-size: 0.875rem;
7291 color: #222222;
7292 text-align: left;
7293 }
7294
7295 table tr.even, table tr.alt, table tr:nth-of-type(even) {
7296 background: #F9F9F9;
7297 }
7298
7299 table thead tr th,
7300 table tfoot tr th,
7301 table tfoot tr td,
7302 table tbody tr th,
7303 table tbody tr td,
7304 table tr td {
7305 display: table-cell;
7306 line-height: 1.125rem;
7307 }
7308
7309 .range-slider {
7310 display: block;
7311 position: relative;
7312 width: 100%;
7313 height: 1rem;
7314 border: 1px solid #DDDDDD;
7315 margin: 1.25rem 0;
7316 -ms-touch-action: none;
7317 touch-action: none;
7318 background: #FAFAFA;
7319 }
7320
7321 .range-slider.vertical-range {
7322 display: block;
7323 position: relative;
7324 width: 100%;
7325 height: 1rem;
7326 border: 1px solid #DDDDDD;
7327 margin: 1.25rem 0;
7328 -ms-touch-action: none;
7329 touch-action: none;
7330 display: inline-block;
7331 width: 1rem;
7332 height: 12.5rem;
7333 }
7334
7335 .range-slider.vertical-range .range-slider-handle {
7336 margin-top: 0;
7337 margin-left: -0.5rem;
7338 position: absolute;
7339 bottom: -10.5rem;
7340 }
7341
7342 .range-slider.vertical-range .range-slider-active-segment {
7343 width: 0.875rem;
7344 height: auto;
7345 bottom: 0;
7346 }
7347
7348 .range-slider.radius {
7349 background: #FAFAFA;
7350 border-radius: 3px;
7351 }
7352
7353 .range-slider.radius .range-slider-handle {
7354 background: #008CBA;
7355 border-radius: 3px;
7356 }
7357
7358 .range-slider.radius .range-slider-handle:hover {
7359 background: #007ba4;
7360 }
7361
7362 .range-slider.round {
7363 background: #FAFAFA;
7364 border-radius: 1000px;
7365 }
7366
7367 .range-slider.round .range-slider-handle {
7368 background: #008CBA;
7369 border-radius: 1000px;
7370 }
7371
7372 .range-slider.round .range-slider-handle:hover {
7373 background: #007ba4;
7374 }
7375
7376 .range-slider.disabled, .range-slider[disabled] {
7377 background: #FAFAFA;
7378 cursor: default;
7379 opacity: 0.7;
7380 }
7381
7382 .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
7383 background: #008CBA;
7384 cursor: default;
7385 opacity: 0.7;
7386 }
7387
7388 .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
7389 background: #007ba4;
7390 }
7391
7392 .range-slider-active-segment {
7393 display: inline-block;
7394 position: absolute;
7395 height: 0.875rem;
7396 background: #e5e5e5;
7397 }
7398
7399 .range-slider-handle {
7400 display: inline-block;
7401 position: absolute;
7402 z-index: 1;
7403 top: -0.3125rem;
7404 width: 2rem;
7405 height: 1.375rem;
7406 border: 1px solid none;
7407 cursor: pointer;
7408 -ms-touch-action: manipulation;
7409 touch-action: manipulation;
7410 background: #008CBA;
7411 }
7412
7413 .range-slider-handle:hover {
7414 background: #007ba4;
7415 }
7416
7417 [class*="block-grid-"] {
7418 display: block;
7419 padding: 0;
7420 margin: 0 -0.625rem;
7421 }
7422
7423 [class*="block-grid-"]:before, [class*="block-grid-"]:after {
7424 content: " ";
7425 display: table;
7426 }
7427
7428 [class*="block-grid-"]:after {
7429 clear: both;
7430 }
7431
7432 [class*="block-grid-"] > li {
7433 display: block;
7434 height: auto;
7435 float: left;
7436 padding: 0 0.625rem 1.25rem;
7437 }
7438
7439 @media only screen {
7440 .small-block-grid-1 > li {
7441 width: 100%;
7442 list-style: none;
7443 }
7444
7445 .small-block-grid-1 > li:nth-of-type(1n) {
7446 clear: none;
7447 }
7448
7449 .small-block-grid-1 > li:nth-of-type(1n+1) {
7450 clear: both;
7451 }
7452
7453 .small-block-grid-2 > li {
7454 width: 50%;
7455 list-style: none;
7456 }
7457
7458 .small-block-grid-2 > li:nth-of-type(1n) {
7459 clear: none;
7460 }
7461
7462 .small-block-grid-2 > li:nth-of-type(2n+1) {
7463 clear: both;
7464 }
7465
7466 .small-block-grid-3 > li {
7467 width: 33.33333%;
7468 list-style: none;
7469 }
7470
7471 .small-block-grid-3 > li:nth-of-type(1n) {
7472 clear: none;
7473 }
7474
7475 .small-block-grid-3 > li:nth-of-type(3n+1) {
7476 clear: both;
7477 }
7478
7479 .small-block-grid-4 > li {
7480 width: 25%;
7481 list-style: none;
7482 }
7483
7484 .small-block-grid-4 > li:nth-of-type(1n) {
7485 clear: none;
7486 }
7487
7488 .small-block-grid-4 > li:nth-of-type(4n+1) {
7489 clear: both;
7490 }
7491
7492 .small-block-grid-5 > li {
7493 width: 20%;
7494 list-style: none;
7495 }
7496
7497 .small-block-grid-5 > li:nth-of-type(1n) {
7498 clear: none;
7499 }
7500
7501 .small-block-grid-5 > li:nth-of-type(5n+1) {
7502 clear: both;
7503 }
7504
7505 .small-block-grid-6 > li {
7506 width: 16.66667%;
7507 list-style: none;
7508 }
7509
7510 .small-block-grid-6 > li:nth-of-type(1n) {
7511 clear: none;
7512 }
7513
7514 .small-block-grid-6 > li:nth-of-type(6n+1) {
7515 clear: both;
7516 }
7517
7518 .small-block-grid-7 > li {
7519 width: 14.28571%;
7520 list-style: none;
7521 }
7522
7523 .small-block-grid-7 > li:nth-of-type(1n) {
7524 clear: none;
7525 }
7526
7527 .small-block-grid-7 > li:nth-of-type(7n+1) {
7528 clear: both;
7529 }
7530
7531 .small-block-grid-8 > li {
7532 width: 12.5%;
7533 list-style: none;
7534 }
7535
7536 .small-block-grid-8 > li:nth-of-type(1n) {
7537 clear: none;
7538 }
7539
7540 .small-block-grid-8 > li:nth-of-type(8n+1) {
7541 clear: both;
7542 }
7543
7544 .small-block-grid-9 > li {
7545 width: 11.11111%;
7546 list-style: none;
7547 }
7548
7549 .small-block-grid-9 > li:nth-of-type(1n) {
7550 clear: none;
7551 }
7552
7553 .small-block-grid-9 > li:nth-of-type(9n+1) {
7554 clear: both;
7555 }
7556
7557 .small-block-grid-10 > li {
7558 width: 10%;
7559 list-style: none;
7560 }
7561
7562 .small-block-grid-10 > li:nth-of-type(1n) {
7563 clear: none;
7564 }
7565
7566 .small-block-grid-10 > li:nth-of-type(10n+1) {
7567 clear: both;
7568 }
7569
7570 .small-block-grid-11 > li {
7571 width: 9.09091%;
7572 list-style: none;
7573 }
7574
7575 .small-block-grid-11 > li:nth-of-type(1n) {
7576 clear: none;
7577 }
7578
7579 .small-block-grid-11 > li:nth-of-type(11n+1) {
7580 clear: both;
7581 }
7582
7583 .small-block-grid-12 > li {
7584 width: 8.33333%;
7585 list-style: none;
7586 }
7587
7588 .small-block-grid-12 > li:nth-of-type(1n) {
7589 clear: none;
7590 }
7591
7592 .small-block-grid-12 > li:nth-of-type(12n+1) {
7593 clear: both;
7594 }
7595 }
7596
7597 @media only screen and (min-width: 40.063em) {
7598 .medium-block-grid-1 > li {
7599 width: 100%;
7600 list-style: none;
7601 }
7602
7603 .medium-block-grid-1 > li:nth-of-type(1n) {
7604 clear: none;
7605 }
7606
7607 .medium-block-grid-1 > li:nth-of-type(1n+1) {
7608 clear: both;
7609 }
7610
7611 .medium-block-grid-2 > li {
7612 width: 50%;
7613 list-style: none;
7614 }
7615
7616 .medium-block-grid-2 > li:nth-of-type(1n) {
7617 clear: none;
7618 }
7619
7620 .medium-block-grid-2 > li:nth-of-type(2n+1) {
7621 clear: both;
7622 }
7623
7624 .medium-block-grid-3 > li {
7625 width: 33.33333%;
7626 list-style: none;
7627 }
7628
7629 .medium-block-grid-3 > li:nth-of-type(1n) {
7630 clear: none;
7631 }
7632
7633 .medium-block-grid-3 > li:nth-of-type(3n+1) {
7634 clear: both;
7635 }
7636
7637 .medium-block-grid-4 > li {
7638 width: 25%;
7639 list-style: none;
7640 }
7641
7642 .medium-block-grid-4 > li:nth-of-type(1n) {
7643 clear: none;
7644 }
7645
7646 .medium-block-grid-4 > li:nth-of-type(4n+1) {
7647 clear: both;
7648 }
7649
7650 .medium-block-grid-5 > li {
7651 width: 20%;
7652 list-style: none;
7653 }
7654
7655 .medium-block-grid-5 > li:nth-of-type(1n) {
7656 clear: none;
7657 }
7658
7659 .medium-block-grid-5 > li:nth-of-type(5n+1) {
7660 clear: both;
7661 }
7662
7663 .medium-block-grid-6 > li {
7664 width: 16.66667%;
7665 list-style: none;
7666 }
7667
7668 .medium-block-grid-6 > li:nth-of-type(1n) {
7669 clear: none;
7670 }
7671
7672 .medium-block-grid-6 > li:nth-of-type(6n+1) {
7673 clear: both;
7674 }
7675
7676 .medium-block-grid-7 > li {
7677 width: 14.28571%;
7678 list-style: none;
7679 }
7680
7681 .medium-block-grid-7 > li:nth-of-type(1n) {
7682 clear: none;
7683 }
7684
7685 .medium-block-grid-7 > li:nth-of-type(7n+1) {
7686 clear: both;
7687 }
7688
7689 .medium-block-grid-8 > li {
7690 width: 12.5%;
7691 list-style: none;
7692 }
7693
7694 .medium-block-grid-8 > li:nth-of-type(1n) {
7695 clear: none;
7696 }
7697
7698 .medium-block-grid-8 > li:nth-of-type(8n+1) {
7699 clear: both;
7700 }
7701
7702 .medium-block-grid-9 > li {
7703 width: 11.11111%;
7704 list-style: none;
7705 }
7706
7707 .medium-block-grid-9 > li:nth-of-type(1n) {
7708 clear: none;
7709 }
7710
7711 .medium-block-grid-9 > li:nth-of-type(9n+1) {
7712 clear: both;
7713 }
7714
7715 .medium-block-grid-10 > li {
7716 width: 10%;
7717 list-style: none;
7718 }
7719
7720 .medium-block-grid-10 > li:nth-of-type(1n) {
7721 clear: none;
7722 }
7723
7724 .medium-block-grid-10 > li:nth-of-type(10n+1) {
7725 clear: both;
7726 }
7727
7728 .medium-block-grid-11 > li {
7729 width: 9.09091%;
7730 list-style: none;
7731 }
7732
7733 .medium-block-grid-11 > li:nth-of-type(1n) {
7734 clear: none;
7735 }
7736
7737 .medium-block-grid-11 > li:nth-of-type(11n+1) {
7738 clear: both;
7739 }
7740
7741 .medium-block-grid-12 > li {
7742 width: 8.33333%;
7743 list-style: none;
7744 }
7745
7746 .medium-block-grid-12 > li:nth-of-type(1n) {
7747 clear: none;
7748 }
7749
7750 .medium-block-grid-12 > li:nth-of-type(12n+1) {
7751 clear: both;
7752 }
7753 }
7754
7755 @media only screen and (min-width: 64.063em) {
7756 .large-block-grid-1 > li {
7757 width: 100%;
7758 list-style: none;
7759 }
7760
7761 .large-block-grid-1 > li:nth-of-type(1n) {
7762 clear: none;
7763 }
7764
7765 .large-block-grid-1 > li:nth-of-type(1n+1) {
7766 clear: both;
7767 }
7768
7769 .large-block-grid-2 > li {
7770 width: 50%;
7771 list-style: none;
7772 }
7773
7774 .large-block-grid-2 > li:nth-of-type(1n) {
7775 clear: none;
7776 }
7777
7778 .large-block-grid-2 > li:nth-of-type(2n+1) {
7779 clear: both;
7780 }
7781
7782 .large-block-grid-3 > li {
7783 width: 33.33333%;
7784 list-style: none;
7785 }
7786
7787 .large-block-grid-3 > li:nth-of-type(1n) {
7788 clear: none;
7789 }
7790
7791 .large-block-grid-3 > li:nth-of-type(3n+1) {
7792 clear: both;
7793 }
7794
7795 .large-block-grid-4 > li {
7796 width: 25%;
7797 list-style: none;
7798 }
7799
7800 .large-block-grid-4 > li:nth-of-type(1n) {
7801 clear: none;
7802 }
7803
7804 .large-block-grid-4 > li:nth-of-type(4n+1) {
7805 clear: both;
7806 }
7807
7808 .large-block-grid-5 > li {
7809 width: 20%;
7810 list-style: none;
7811 }
7812
7813 .large-block-grid-5 > li:nth-of-type(1n) {
7814 clear: none;
7815 }
7816
7817 .large-block-grid-5 > li:nth-of-type(5n+1) {
7818 clear: both;
7819 }
7820
7821 .large-block-grid-6 > li {
7822 width: 16.66667%;
7823 list-style: none;
7824 }
7825
7826 .large-block-grid-6 > li:nth-of-type(1n) {
7827 clear: none;
7828 }
7829
7830 .large-block-grid-6 > li:nth-of-type(6n+1) {
7831 clear: both;
7832 }
7833
7834 .large-block-grid-7 > li {
7835 width: 14.28571%;
7836 list-style: none;
7837 }
7838
7839 .large-block-grid-7 > li:nth-of-type(1n) {
7840 clear: none;
7841 }
7842
7843 .large-block-grid-7 > li:nth-of-type(7n+1) {
7844 clear: both;
7845 }
7846
7847 .large-block-grid-8 > li {
7848 width: 12.5%;
7849 list-style: none;
7850 }
7851
7852 .large-block-grid-8 > li:nth-of-type(1n) {
7853 clear: none;
7854 }
7855
7856 .large-block-grid-8 > li:nth-of-type(8n+1) {
7857 clear: both;
7858 }
7859
7860 .large-block-grid-9 > li {
7861 width: 11.11111%;
7862 list-style: none;
7863 }
7864
7865 .large-block-grid-9 > li:nth-of-type(1n) {
7866 clear: none;
7867 }
7868
7869 .large-block-grid-9 > li:nth-of-type(9n+1) {
7870 clear: both;
7871 }
7872
7873 .large-block-grid-10 > li {
7874 width: 10%;
7875 list-style: none;
7876 }
7877
7878 .large-block-grid-10 > li:nth-of-type(1n) {
7879 clear: none;
7880 }
7881
7882 .large-block-grid-10 > li:nth-of-type(10n+1) {
7883 clear: both;
7884 }
7885
7886 .large-block-grid-11 > li {
7887 width: 9.09091%;
7888 list-style: none;
7889 }
7890
7891 .large-block-grid-11 > li:nth-of-type(1n) {
7892 clear: none;
7893 }
7894
7895 .large-block-grid-11 > li:nth-of-type(11n+1) {
7896 clear: both;
7897 }
7898
7899 .large-block-grid-12 > li {
7900 width: 8.33333%;
7901 list-style: none;
7902 }
7903
7904 .large-block-grid-12 > li:nth-of-type(1n) {
7905 clear: none;
7906 }
7907
7908 .large-block-grid-12 > li:nth-of-type(12n+1) {
7909 clear: both;
7910 }
7911 }
7912
7913 .flex-video {
7914 position: relative;
7915 padding-top: 1.5625rem;
7916 padding-bottom: 67.5%;
7917 height: 0;
7918 margin-bottom: 1rem;
7919 overflow: hidden;
7920 }
7921
7922 .flex-video.widescreen {
7923 padding-bottom: 56.34%;
7924 }
7925
7926 .flex-video.vimeo {
7927 padding-top: 0;
7928 }
7929
7930 .flex-video iframe,
7931 .flex-video object,
7932 .flex-video embed,
7933 .flex-video video {
7934 position: absolute;
7935 top: 0;
7936 left: 0;
7937 width: 100%;
7938 height: 100%;
7939 }
7940
7941 .keystroke,
7942 kbd {
7943 background-color: #ededed;
7944 border-color: #dddddd;
7945 color: #222222;
7946 border-style: solid;
7947 border-width: 1px;
7948 margin: 0;
7949 font-family: "Consolas", "Menlo", "Courier", monospace;
7950 font-size: inherit;
7951 padding: 0.125rem 0.25rem 0;
7952 border-radius: 3px;
7953 }
7954
7955 .switch {
7956 padding: 0;
7957 border: none;
7958 position: relative;
7959 outline: 0;
7960 -webkit-user-select: none;
7961 -moz-user-select: none;
7962 user-select: none;
7963 }
7964
7965 .switch label {
7966 display: block;
7967 margin-bottom: 1rem;
7968 position: relative;
7969 color: transparent;
7970 background: #DDDDDD;
7971 text-indent: 100%;
7972 width: 4rem;
7973 height: 2rem;
7974 cursor: pointer;
7975 transition: left 0.15s ease-out;
7976 }
7977
7978 .switch input {
7979 opacity: 0;
7980 position: absolute;
7981 top: 9px;
7982 left: 10px;
7983 padding: 0;
7984 }
7985
7986 .switch input + label {
7987 margin-left: 0;
7988 margin-right: 0;
7989 }
7990
7991 .switch label:after {
7992 content: "";
7993 display: block;
7994 background: #FFFFFF;
7995 position: absolute;
7996 top: .25rem;
7997 left: .25rem;
7998 width: 1.5rem;
7999 height: 1.5rem;
8000 -webkit-transition: left 0.15s ease-out;
8001 -moz-transition: left 0.15s ease-out;
8002 -o-transition: translate3d(0, 0, 0);
8003 transition: left 0.15s ease-out;
8004 -webkit-transform: translate3d(0, 0, 0);
8005 -moz-transform: translate3d(0, 0, 0);
8006 -o-transform: translate3d(0, 0, 0);
8007 transform: translate3d(0, 0, 0);
8008 }
8009
8010 .switch input:checked + label {
8011 background: #008CBA;
8012 }
8013
8014 .switch input:checked + label:after {
8015 left: 2.25rem;
8016 }
8017
8018 .switch label {
8019 width: 4rem;
8020 height: 2rem;
8021 }
8022
8023 .switch label:after {
8024 width: 1.5rem;
8025 height: 1.5rem;
8026 }
8027
8028 .switch input:checked + label:after {
8029 left: 2.25rem;
8030 }
8031
8032 .switch label {
8033 color: transparent;
8034 background: #DDDDDD;
8035 }
8036
8037 .switch label:after {
8038 background: #FFFFFF;
8039 }
8040
8041 .switch input:checked + label {
8042 background: #008CBA;
8043 }
8044
8045 .switch.large label {
8046 width: 5rem;
8047 height: 2.5rem;
8048 }
8049
8050 .switch.large label:after {
8051 width: 2rem;
8052 height: 2rem;
8053 }
8054
8055 .switch.large input:checked + label:after {
8056 left: 2.75rem;
8057 }
8058
8059 .switch.small label {
8060 width: 3.5rem;
8061 height: 1.75rem;
8062 }
8063
8064 .switch.small label:after {
8065 width: 1.25rem;
8066 height: 1.25rem;
8067 }
8068
8069 .switch.small input:checked + label:after {
8070 left: 2rem;
8071 }
8072
8073 .switch.tiny label {
8074 width: 3rem;
8075 height: 1.5rem;
8076 }
8077
8078 .switch.tiny label:after {
8079 width: 1rem;
8080 height: 1rem;
8081 }
8082
8083 .switch.tiny input:checked + label:after {
8084 left: 1.75rem;
8085 }
8086
8087 .switch.radius label {
8088 border-radius: 4px;
8089 }
8090
8091 .switch.radius label:after {
8092 border-radius: 3px;
8093 }
8094
8095 .switch.round {
8096 border-radius: 1000px;
8097 }
8098
8099 .switch.round label {
8100 border-radius: 2rem;
8101 }
8102
8103 .switch.round label:after {
8104 border-radius: 2rem;
8105 }
8106
8107 /* small displays */
8108 @media only screen {
8109 .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
8110 display: inherit !important;
8111 }
8112
8113 .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
8114 display: none !important;
8115 }
8116
8117 .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
8118 position: static !important;
8119 height: auto;
8120 width: auto;
8121 overflow: visible;
8122 clip: auto;
8123 }
8124
8125 .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
8126 position: absolute !important;
8127 height: 1px;
8128 width: 1px;
8129 overflow: hidden;
8130 clip: rect(1px, 1px, 1px, 1px);
8131 }
8132
8133 table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
8134 display: table !important;
8135 }
8136
8137 thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
8138 display: table-header-group !important;
8139 }
8140
8141 tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
8142 display: table-row-group !important;
8143 }
8144
8145 tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
8146 display: table-row !important;
8147 }
8148
8149 th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
8150 display: table-cell !important;
8151 }
8152 }
8153
8154 /* medium displays */
8155 @media only screen and (min-width: 40.063em) {
8156 .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
8157 display: inherit !important;
8158 }
8159
8160 .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
8161 display: none !important;
8162 }
8163
8164 .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
8165 position: static !important;
8166 height: auto;
8167 width: auto;
8168 overflow: visible;
8169 clip: auto;
8170 }
8171
8172 .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
8173 position: absolute !important;
8174 height: 1px;
8175 width: 1px;
8176 overflow: hidden;
8177 clip: rect(1px, 1px, 1px, 1px);
8178 }
8179
8180 table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
8181 display: table !important;
8182 }
8183
8184 thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
8185 display: table-header-group !important;
8186 }
8187
8188 tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
8189 display: table-row-group !important;
8190 }
8191
8192 tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
8193 display: table-row !important;
8194 }
8195
8196 th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
8197 display: table-cell !important;
8198 }
8199 }
8200
8201 /* large displays */
8202 @media only screen and (min-width: 64.063em) {
8203 .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
8204 display: inherit !important;
8205 }
8206
8207 .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
8208 display: none !important;
8209 }
8210
8211 .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
8212 position: static !important;
8213 height: auto;
8214 width: auto;
8215 overflow: visible;
8216 clip: auto;
8217 }
8218
8219 .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
8220 position: absolute !important;
8221 height: 1px;
8222 width: 1px;
8223 overflow: hidden;
8224 clip: rect(1px, 1px, 1px, 1px);
8225 }
8226
8227 table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
8228 display: table !important;
8229 }
8230
8231 thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
8232 display: table-header-group !important;
8233 }
8234
8235 tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
8236 display: table-row-group !important;
8237 }
8238
8239 tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
8240 display: table-row !important;
8241 }
8242
8243 th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
8244 display: table-cell !important;
8245 }
8246 }
8247
8248 /* xlarge displays */
8249 @media only screen and (min-width: 90.063em) {
8250 .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
8251 display: inherit !important;
8252 }
8253
8254 .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
8255 display: none !important;
8256 }
8257
8258 .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
8259 position: static !important;
8260 height: auto;
8261 width: auto;
8262 overflow: visible;
8263 clip: auto;
8264 }
8265
8266 .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
8267 position: absolute !important;
8268 height: 1px;
8269 width: 1px;
8270 overflow: hidden;
8271 clip: rect(1px, 1px, 1px, 1px);
8272 }
8273
8274 table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
8275 display: table !important;
8276 }
8277
8278 thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
8279 display: table-header-group !important;
8280 }
8281
8282 tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
8283 display: table-row-group !important;
8284 }
8285
8286 tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
8287 display: table-row !important;
8288 }
8289
8290 th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
8291 display: table-cell !important;
8292 }
8293 }
8294
8295 /* xxlarge displays */
8296 @media only screen and (min-width: 120.063em) {
8297 .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
8298 display: inherit !important;
8299 }
8300
8301 .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
8302 display: none !important;
8303 }
8304
8305 .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
8306 position: static !important;
8307 height: auto;
8308 width: auto;
8309 overflow: visible;
8310 clip: auto;
8311 }
8312
8313 .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
8314 position: absolute !important;
8315 height: 1px;
8316 width: 1px;
8317 overflow: hidden;
8318 clip: rect(1px, 1px, 1px, 1px);
8319 }
8320
8321 table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
8322 display: table !important;
8323 }
8324
8325 thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
8326 display: table-header-group !important;
8327 }
8328
8329 tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
8330 display: table-row-group !important;
8331 }
8332
8333 tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
8334 display: table-row !important;
8335 }
8336
8337 th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
8338 display: table-cell !important;
8339 }
8340 }
8341
8342 /* Orientation targeting */
8343 .show-for-landscape,
8344 .hide-for-portrait {
8345 display: inherit !important;
8346 }
8347
8348 .hide-for-landscape,
8349 .show-for-portrait {
8350 display: none !important;
8351 }
8352
8353 /* Specific visibility for tables */
8354 table.hide-for-landscape, table.show-for-portrait {
8355 display: table !important;
8356 }
8357
8358 thead.hide-for-landscape, thead.show-for-portrait {
8359 display: table-header-group !important;
8360 }
8361
8362 tbody.hide-for-landscape, tbody.show-for-portrait {
8363 display: table-row-group !important;
8364 }
8365
8366 tr.hide-for-landscape, tr.show-for-portrait {
8367 display: table-row !important;
8368 }
8369
8370 td.hide-for-landscape, td.show-for-portrait,
8371 th.hide-for-landscape,
8372 th.show-for-portrait {
8373 display: table-cell !important;
8374 }
8375
8376 @media only screen and (orientation: landscape) {
8377 .show-for-landscape,
8378 .hide-for-portrait {
8379 display: inherit !important;
8380 }
8381
8382 .hide-for-landscape,
8383 .show-for-portrait {
8384 display: none !important;
8385 }
8386
8387 /* Specific visibility for tables */
8388 table.show-for-landscape, table.hide-for-portrait {
8389 display: table !important;
8390 }
8391
8392 thead.show-for-landscape, thead.hide-for-portrait {
8393 display: table-header-group !important;
8394 }
8395
8396 tbody.show-for-landscape, tbody.hide-for-portrait {
8397 display: table-row-group !important;
8398 }
8399
8400 tr.show-for-landscape, tr.hide-for-portrait {
8401 display: table-row !important;
8402 }
8403
8404 td.show-for-landscape, td.hide-for-portrait,
8405 th.show-for-landscape,
8406 th.hide-for-portrait {
8407 display: table-cell !important;
8408 }
8409 }
8410
8411 @media only screen and (orientation: portrait) {
8412 .show-for-portrait,
8413 .hide-for-landscape {
8414 display: inherit !important;
8415 }
8416
8417 .hide-for-portrait,
8418 .show-for-landscape {
8419 display: none !important;
8420 }
8421
8422 /* Specific visibility for tables */
8423 table.show-for-portrait, table.hide-for-landscape {
8424 display: table !important;
8425 }
8426
8427 thead.show-for-portrait, thead.hide-for-landscape {
8428 display: table-header-group !important;
8429 }
8430
8431 tbody.show-for-portrait, tbody.hide-for-landscape {
8432 display: table-row-group !important;
8433 }
8434
8435 tr.show-for-portrait, tr.hide-for-landscape {
8436 display: table-row !important;
8437 }
8438
8439 td.show-for-portrait, td.hide-for-landscape,
8440 th.show-for-portrait,
8441 th.hide-for-landscape {
8442 display: table-cell !important;
8443 }
8444 }
8445
8446 /* Touch-enabled device targeting */
8447 .show-for-touch {
8448 display: none !important;
8449 }
8450
8451 .hide-for-touch {
8452 display: inherit !important;
8453 }
8454
8455 .touch .show-for-touch {
8456 display: inherit !important;
8457 }
8458
8459 .touch .hide-for-touch {
8460 display: none !important;
8461 }
8462
8463 /* Specific visibility for tables */
8464 table.hide-for-touch {
8465 display: table !important;
8466 }
8467
8468 .touch table.show-for-touch {
8469 display: table !important;
8470 }
8471
8472 thead.hide-for-touch {
8473 display: table-header-group !important;
8474 }
8475
8476 .touch thead.show-for-touch {
8477 display: table-header-group !important;
8478 }
8479
8480 tbody.hide-for-touch {
8481 display: table-row-group !important;
8482 }
8483
8484 .touch tbody.show-for-touch {
8485 display: table-row-group !important;
8486 }
8487
8488 tr.hide-for-touch {
8489 display: table-row !important;
8490 }
8491
8492 .touch tr.show-for-touch {
8493 display: table-row !important;
8494 }
8495
8496 td.hide-for-touch {
8497 display: table-cell !important;
8498 }
8499
8500 .touch td.show-for-touch {
8501 display: table-cell !important;
8502 }
8503
8504 th.hide-for-touch {
8505 display: table-cell !important;
8506 }
8507
8508 .touch th.show-for-touch {
8509 display: table-cell !important;
8510 }
8511
8512 /* Print visibility */
8513 @media print {
8514 .show-for-print {
8515 display: block;
8516 }
8517
8518 .hide-for-print {
8519 display: none;
8520 }
8521
8522 table.show-for-print {
8523 display: table !important;
8524 }
8525
8526 thead.show-for-print {
8527 display: table-header-group !important;
8528 }
8529
8530 tbody.show-for-print {
8531 display: table-row-group !important;
8532 }
8533
8534 tr.show-for-print {
8535 display: table-row !important;
8536 }
8537
8538 td.show-for-print {
8539 display: table-cell !important;
8540 }
8541
8542 th.show-for-print {
8543 display: table-cell !important;
8544 }
8545 }