|
1 meta.foundation-version { |
|
2 font-family: "/5.5.2/"; } |
|
3 |
|
4 meta.foundation-mq-small { |
|
5 font-family: "/only screen/"; |
|
6 width: 0; } |
|
7 |
|
8 meta.foundation-mq-small-only { |
|
9 font-family: "/only screen and (max-width: 40em)/"; |
|
10 width: 0; } |
|
11 |
|
12 meta.foundation-mq-medium { |
|
13 font-family: "/only screen and (min-width:40.0625em)/"; |
|
14 width: 40.0625em; } |
|
15 |
|
16 meta.foundation-mq-medium-only { |
|
17 font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; |
|
18 width: 40.0625em; } |
|
19 |
|
20 meta.foundation-mq-large { |
|
21 font-family: "/only screen and (min-width:64.0625em)/"; |
|
22 width: 64.0625em; } |
|
23 |
|
24 meta.foundation-mq-large-only { |
|
25 font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; |
|
26 width: 64.0625em; } |
|
27 |
|
28 meta.foundation-mq-xlarge { |
|
29 font-family: "/only screen and (min-width:90.0625em)/"; |
|
30 width: 90.0625em; } |
|
31 |
|
32 meta.foundation-mq-xlarge-only { |
|
33 font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; |
|
34 width: 90.0625em; } |
|
35 |
|
36 meta.foundation-mq-xxlarge { |
|
37 font-family: "/only screen and (min-width:120.0625em)/"; |
|
38 width: 120.0625em; } |
|
39 |
|
40 meta.foundation-data-attribute-namespace { |
|
41 font-family: false; } |
|
42 |
|
43 html, body { |
|
44 height: 100%; } |
|
45 |
|
46 html { |
|
47 box-sizing: border-box; } |
|
48 |
|
49 *, |
|
50 *:before, |
|
51 *:after { |
|
52 -webkit-box-sizing: inherit; |
|
53 -moz-box-sizing: inherit; |
|
54 box-sizing: inherit; } |
|
55 |
|
56 html, |
|
57 body { |
|
58 font-size: 100%; } |
|
59 |
|
60 body { |
|
61 background: #fff; |
|
62 color: #222; |
|
63 cursor: auto; |
|
64 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
65 font-style: normal; |
|
66 font-weight: normal; |
|
67 line-height: 1.5; |
|
68 margin: 0; |
|
69 padding: 0; |
|
70 position: relative; } |
|
71 |
|
72 a:hover { |
|
73 cursor: pointer; } |
|
74 |
|
75 img { |
|
76 max-width: 100%; |
|
77 height: auto; } |
|
78 |
|
79 img { |
|
80 -ms-interpolation-mode: bicubic; } |
|
81 |
|
82 #map_canvas img, |
|
83 #map_canvas embed, |
|
84 #map_canvas object, |
|
85 .map_canvas img, |
|
86 .map_canvas embed, |
|
87 .map_canvas object, |
|
88 .mqa-display img, |
|
89 .mqa-display embed, |
|
90 .mqa-display object { |
|
91 max-width: none !important; } |
|
92 |
|
93 .left { |
|
94 float: left !important; } |
|
95 |
|
96 .right { |
|
97 float: right !important; } |
|
98 |
|
99 .clearfix:before, .clearfix:after { |
|
100 content: " "; |
|
101 display: table; } |
|
102 .clearfix:after { |
|
103 clear: both; } |
|
104 |
|
105 .hide { |
|
106 display: none; } |
|
107 |
|
108 .invisible { |
|
109 visibility: hidden; } |
|
110 |
|
111 .antialiased { |
|
112 -webkit-font-smoothing: antialiased; |
|
113 -moz-osx-font-smoothing: grayscale; } |
|
114 |
|
115 img { |
|
116 display: inline-block; |
|
117 vertical-align: middle; } |
|
118 |
|
119 textarea { |
|
120 height: auto; |
|
121 min-height: 50px; } |
|
122 |
|
123 select { |
|
124 width: 100%; } |
|
125 |
|
126 .row { |
|
127 margin: 0 auto; |
|
128 max-width: 62.5rem; |
|
129 width: 100%; } |
|
130 .row:before, .row:after { |
|
131 content: " "; |
|
132 display: table; } |
|
133 .row:after { |
|
134 clear: both; } |
|
135 .row.collapse > .column, |
|
136 .row.collapse > .columns { |
|
137 padding-left: 0; |
|
138 padding-right: 0; } |
|
139 .row.collapse .row { |
|
140 margin-left: 0; |
|
141 margin-right: 0; } |
|
142 .row .row { |
|
143 margin: 0 -0.9375rem; |
|
144 max-width: none; |
|
145 width: auto; } |
|
146 .row .row:before, .row .row:after { |
|
147 content: " "; |
|
148 display: table; } |
|
149 .row .row:after { |
|
150 clear: both; } |
|
151 .row .row.collapse { |
|
152 margin: 0; |
|
153 max-width: none; |
|
154 width: auto; } |
|
155 .row .row.collapse:before, .row .row.collapse:after { |
|
156 content: " "; |
|
157 display: table; } |
|
158 .row .row.collapse:after { |
|
159 clear: both; } |
|
160 |
|
161 .column, |
|
162 .columns { |
|
163 padding-left: 0.9375rem; |
|
164 padding-right: 0.9375rem; |
|
165 width: 100%; |
|
166 float: left; } |
|
167 |
|
168 .column + .column:last-child, |
|
169 .columns + .column:last-child, .column + |
|
170 .columns:last-child, |
|
171 .columns + |
|
172 .columns:last-child { |
|
173 float: right; } |
|
174 .column + .column.end, |
|
175 .columns + .column.end, .column + |
|
176 .columns.end, |
|
177 .columns + |
|
178 .columns.end { |
|
179 float: left; } |
|
180 |
|
181 @media only screen { |
|
182 .small-push-0 { |
|
183 position: relative; |
|
184 left: 0; |
|
185 right: auto; } |
|
186 |
|
187 .small-pull-0 { |
|
188 position: relative; |
|
189 right: 0; |
|
190 left: auto; } |
|
191 |
|
192 .small-push-1 { |
|
193 position: relative; |
|
194 left: 8.33333%; |
|
195 right: auto; } |
|
196 |
|
197 .small-pull-1 { |
|
198 position: relative; |
|
199 right: 8.33333%; |
|
200 left: auto; } |
|
201 |
|
202 .small-push-2 { |
|
203 position: relative; |
|
204 left: 16.66667%; |
|
205 right: auto; } |
|
206 |
|
207 .small-pull-2 { |
|
208 position: relative; |
|
209 right: 16.66667%; |
|
210 left: auto; } |
|
211 |
|
212 .small-push-3 { |
|
213 position: relative; |
|
214 left: 25%; |
|
215 right: auto; } |
|
216 |
|
217 .small-pull-3 { |
|
218 position: relative; |
|
219 right: 25%; |
|
220 left: auto; } |
|
221 |
|
222 .small-push-4 { |
|
223 position: relative; |
|
224 left: 33.33333%; |
|
225 right: auto; } |
|
226 |
|
227 .small-pull-4 { |
|
228 position: relative; |
|
229 right: 33.33333%; |
|
230 left: auto; } |
|
231 |
|
232 .small-push-5 { |
|
233 position: relative; |
|
234 left: 41.66667%; |
|
235 right: auto; } |
|
236 |
|
237 .small-pull-5 { |
|
238 position: relative; |
|
239 right: 41.66667%; |
|
240 left: auto; } |
|
241 |
|
242 .small-push-6 { |
|
243 position: relative; |
|
244 left: 50%; |
|
245 right: auto; } |
|
246 |
|
247 .small-pull-6 { |
|
248 position: relative; |
|
249 right: 50%; |
|
250 left: auto; } |
|
251 |
|
252 .small-push-7 { |
|
253 position: relative; |
|
254 left: 58.33333%; |
|
255 right: auto; } |
|
256 |
|
257 .small-pull-7 { |
|
258 position: relative; |
|
259 right: 58.33333%; |
|
260 left: auto; } |
|
261 |
|
262 .small-push-8 { |
|
263 position: relative; |
|
264 left: 66.66667%; |
|
265 right: auto; } |
|
266 |
|
267 .small-pull-8 { |
|
268 position: relative; |
|
269 right: 66.66667%; |
|
270 left: auto; } |
|
271 |
|
272 .small-push-9 { |
|
273 position: relative; |
|
274 left: 75%; |
|
275 right: auto; } |
|
276 |
|
277 .small-pull-9 { |
|
278 position: relative; |
|
279 right: 75%; |
|
280 left: auto; } |
|
281 |
|
282 .small-push-10 { |
|
283 position: relative; |
|
284 left: 83.33333%; |
|
285 right: auto; } |
|
286 |
|
287 .small-pull-10 { |
|
288 position: relative; |
|
289 right: 83.33333%; |
|
290 left: auto; } |
|
291 |
|
292 .small-push-11 { |
|
293 position: relative; |
|
294 left: 91.66667%; |
|
295 right: auto; } |
|
296 |
|
297 .small-pull-11 { |
|
298 position: relative; |
|
299 right: 91.66667%; |
|
300 left: auto; } |
|
301 |
|
302 .column, |
|
303 .columns { |
|
304 position: relative; |
|
305 padding-left: 0.9375rem; |
|
306 padding-right: 0.9375rem; |
|
307 float: left; } |
|
308 |
|
309 .small-1 { |
|
310 width: 8.33333%; } |
|
311 |
|
312 .small-2 { |
|
313 width: 16.66667%; } |
|
314 |
|
315 .small-3 { |
|
316 width: 25%; } |
|
317 |
|
318 .small-4 { |
|
319 width: 33.33333%; } |
|
320 |
|
321 .small-5 { |
|
322 width: 41.66667%; } |
|
323 |
|
324 .small-6 { |
|
325 width: 50%; } |
|
326 |
|
327 .small-7 { |
|
328 width: 58.33333%; } |
|
329 |
|
330 .small-8 { |
|
331 width: 66.66667%; } |
|
332 |
|
333 .small-9 { |
|
334 width: 75%; } |
|
335 |
|
336 .small-10 { |
|
337 width: 83.33333%; } |
|
338 |
|
339 .small-11 { |
|
340 width: 91.66667%; } |
|
341 |
|
342 .small-12 { |
|
343 width: 100%; } |
|
344 |
|
345 .small-offset-0 { |
|
346 margin-left: 0 !important; } |
|
347 |
|
348 .small-offset-1 { |
|
349 margin-left: 8.33333% !important; } |
|
350 |
|
351 .small-offset-2 { |
|
352 margin-left: 16.66667% !important; } |
|
353 |
|
354 .small-offset-3 { |
|
355 margin-left: 25% !important; } |
|
356 |
|
357 .small-offset-4 { |
|
358 margin-left: 33.33333% !important; } |
|
359 |
|
360 .small-offset-5 { |
|
361 margin-left: 41.66667% !important; } |
|
362 |
|
363 .small-offset-6 { |
|
364 margin-left: 50% !important; } |
|
365 |
|
366 .small-offset-7 { |
|
367 margin-left: 58.33333% !important; } |
|
368 |
|
369 .small-offset-8 { |
|
370 margin-left: 66.66667% !important; } |
|
371 |
|
372 .small-offset-9 { |
|
373 margin-left: 75% !important; } |
|
374 |
|
375 .small-offset-10 { |
|
376 margin-left: 83.33333% !important; } |
|
377 |
|
378 .small-offset-11 { |
|
379 margin-left: 91.66667% !important; } |
|
380 |
|
381 .small-reset-order { |
|
382 float: left; |
|
383 left: auto; |
|
384 margin-left: 0; |
|
385 margin-right: 0; |
|
386 right: auto; } |
|
387 |
|
388 .column.small-centered, |
|
389 .columns.small-centered { |
|
390 margin-left: auto; |
|
391 margin-right: auto; |
|
392 float: none; } |
|
393 |
|
394 .column.small-uncentered, |
|
395 .columns.small-uncentered { |
|
396 float: left; |
|
397 margin-left: 0; |
|
398 margin-right: 0; } |
|
399 |
|
400 .column.small-centered:last-child, |
|
401 .columns.small-centered:last-child { |
|
402 float: none; } |
|
403 |
|
404 .column.small-uncentered:last-child, |
|
405 .columns.small-uncentered:last-child { |
|
406 float: left; } |
|
407 |
|
408 .column.small-uncentered.opposite, |
|
409 .columns.small-uncentered.opposite { |
|
410 float: right; } |
|
411 |
|
412 .row.small-collapse > .column, |
|
413 .row.small-collapse > .columns { |
|
414 padding-left: 0; |
|
415 padding-right: 0; } |
|
416 .row.small-collapse .row { |
|
417 margin-left: 0; |
|
418 margin-right: 0; } |
|
419 .row.small-uncollapse > .column, |
|
420 .row.small-uncollapse > .columns { |
|
421 padding-left: 0.9375rem; |
|
422 padding-right: 0.9375rem; |
|
423 float: left; } } |
|
424 @media only screen and (min-width: 40.0625em) { |
|
425 .medium-push-0 { |
|
426 position: relative; |
|
427 left: 0; |
|
428 right: auto; } |
|
429 |
|
430 .medium-pull-0 { |
|
431 position: relative; |
|
432 right: 0; |
|
433 left: auto; } |
|
434 |
|
435 .medium-push-1 { |
|
436 position: relative; |
|
437 left: 8.33333%; |
|
438 right: auto; } |
|
439 |
|
440 .medium-pull-1 { |
|
441 position: relative; |
|
442 right: 8.33333%; |
|
443 left: auto; } |
|
444 |
|
445 .medium-push-2 { |
|
446 position: relative; |
|
447 left: 16.66667%; |
|
448 right: auto; } |
|
449 |
|
450 .medium-pull-2 { |
|
451 position: relative; |
|
452 right: 16.66667%; |
|
453 left: auto; } |
|
454 |
|
455 .medium-push-3 { |
|
456 position: relative; |
|
457 left: 25%; |
|
458 right: auto; } |
|
459 |
|
460 .medium-pull-3 { |
|
461 position: relative; |
|
462 right: 25%; |
|
463 left: auto; } |
|
464 |
|
465 .medium-push-4 { |
|
466 position: relative; |
|
467 left: 33.33333%; |
|
468 right: auto; } |
|
469 |
|
470 .medium-pull-4 { |
|
471 position: relative; |
|
472 right: 33.33333%; |
|
473 left: auto; } |
|
474 |
|
475 .medium-push-5 { |
|
476 position: relative; |
|
477 left: 41.66667%; |
|
478 right: auto; } |
|
479 |
|
480 .medium-pull-5 { |
|
481 position: relative; |
|
482 right: 41.66667%; |
|
483 left: auto; } |
|
484 |
|
485 .medium-push-6 { |
|
486 position: relative; |
|
487 left: 50%; |
|
488 right: auto; } |
|
489 |
|
490 .medium-pull-6 { |
|
491 position: relative; |
|
492 right: 50%; |
|
493 left: auto; } |
|
494 |
|
495 .medium-push-7 { |
|
496 position: relative; |
|
497 left: 58.33333%; |
|
498 right: auto; } |
|
499 |
|
500 .medium-pull-7 { |
|
501 position: relative; |
|
502 right: 58.33333%; |
|
503 left: auto; } |
|
504 |
|
505 .medium-push-8 { |
|
506 position: relative; |
|
507 left: 66.66667%; |
|
508 right: auto; } |
|
509 |
|
510 .medium-pull-8 { |
|
511 position: relative; |
|
512 right: 66.66667%; |
|
513 left: auto; } |
|
514 |
|
515 .medium-push-9 { |
|
516 position: relative; |
|
517 left: 75%; |
|
518 right: auto; } |
|
519 |
|
520 .medium-pull-9 { |
|
521 position: relative; |
|
522 right: 75%; |
|
523 left: auto; } |
|
524 |
|
525 .medium-push-10 { |
|
526 position: relative; |
|
527 left: 83.33333%; |
|
528 right: auto; } |
|
529 |
|
530 .medium-pull-10 { |
|
531 position: relative; |
|
532 right: 83.33333%; |
|
533 left: auto; } |
|
534 |
|
535 .medium-push-11 { |
|
536 position: relative; |
|
537 left: 91.66667%; |
|
538 right: auto; } |
|
539 |
|
540 .medium-pull-11 { |
|
541 position: relative; |
|
542 right: 91.66667%; |
|
543 left: auto; } |
|
544 |
|
545 .column, |
|
546 .columns { |
|
547 position: relative; |
|
548 padding-left: 0.9375rem; |
|
549 padding-right: 0.9375rem; |
|
550 float: left; } |
|
551 |
|
552 .medium-1 { |
|
553 width: 8.33333%; } |
|
554 |
|
555 .medium-2 { |
|
556 width: 16.66667%; } |
|
557 |
|
558 .medium-3 { |
|
559 width: 25%; } |
|
560 |
|
561 .medium-4 { |
|
562 width: 33.33333%; } |
|
563 |
|
564 .medium-5 { |
|
565 width: 41.66667%; } |
|
566 |
|
567 .medium-6 { |
|
568 width: 50%; } |
|
569 |
|
570 .medium-7 { |
|
571 width: 58.33333%; } |
|
572 |
|
573 .medium-8 { |
|
574 width: 66.66667%; } |
|
575 |
|
576 .medium-9 { |
|
577 width: 75%; } |
|
578 |
|
579 .medium-10 { |
|
580 width: 83.33333%; } |
|
581 |
|
582 .medium-11 { |
|
583 width: 91.66667%; } |
|
584 |
|
585 .medium-12 { |
|
586 width: 100%; } |
|
587 |
|
588 .medium-offset-0 { |
|
589 margin-left: 0 !important; } |
|
590 |
|
591 .medium-offset-1 { |
|
592 margin-left: 8.33333% !important; } |
|
593 |
|
594 .medium-offset-2 { |
|
595 margin-left: 16.66667% !important; } |
|
596 |
|
597 .medium-offset-3 { |
|
598 margin-left: 25% !important; } |
|
599 |
|
600 .medium-offset-4 { |
|
601 margin-left: 33.33333% !important; } |
|
602 |
|
603 .medium-offset-5 { |
|
604 margin-left: 41.66667% !important; } |
|
605 |
|
606 .medium-offset-6 { |
|
607 margin-left: 50% !important; } |
|
608 |
|
609 .medium-offset-7 { |
|
610 margin-left: 58.33333% !important; } |
|
611 |
|
612 .medium-offset-8 { |
|
613 margin-left: 66.66667% !important; } |
|
614 |
|
615 .medium-offset-9 { |
|
616 margin-left: 75% !important; } |
|
617 |
|
618 .medium-offset-10 { |
|
619 margin-left: 83.33333% !important; } |
|
620 |
|
621 .medium-offset-11 { |
|
622 margin-left: 91.66667% !important; } |
|
623 |
|
624 .medium-reset-order { |
|
625 float: left; |
|
626 left: auto; |
|
627 margin-left: 0; |
|
628 margin-right: 0; |
|
629 right: auto; } |
|
630 |
|
631 .column.medium-centered, |
|
632 .columns.medium-centered { |
|
633 margin-left: auto; |
|
634 margin-right: auto; |
|
635 float: none; } |
|
636 |
|
637 .column.medium-uncentered, |
|
638 .columns.medium-uncentered { |
|
639 float: left; |
|
640 margin-left: 0; |
|
641 margin-right: 0; } |
|
642 |
|
643 .column.medium-centered:last-child, |
|
644 .columns.medium-centered:last-child { |
|
645 float: none; } |
|
646 |
|
647 .column.medium-uncentered:last-child, |
|
648 .columns.medium-uncentered:last-child { |
|
649 float: left; } |
|
650 |
|
651 .column.medium-uncentered.opposite, |
|
652 .columns.medium-uncentered.opposite { |
|
653 float: right; } |
|
654 |
|
655 .row.medium-collapse > .column, |
|
656 .row.medium-collapse > .columns { |
|
657 padding-left: 0; |
|
658 padding-right: 0; } |
|
659 .row.medium-collapse .row { |
|
660 margin-left: 0; |
|
661 margin-right: 0; } |
|
662 .row.medium-uncollapse > .column, |
|
663 .row.medium-uncollapse > .columns { |
|
664 padding-left: 0.9375rem; |
|
665 padding-right: 0.9375rem; |
|
666 float: left; } |
|
667 |
|
668 .push-0 { |
|
669 position: relative; |
|
670 left: 0; |
|
671 right: auto; } |
|
672 |
|
673 .pull-0 { |
|
674 position: relative; |
|
675 right: 0; |
|
676 left: auto; } |
|
677 |
|
678 .push-1 { |
|
679 position: relative; |
|
680 left: 8.33333%; |
|
681 right: auto; } |
|
682 |
|
683 .pull-1 { |
|
684 position: relative; |
|
685 right: 8.33333%; |
|
686 left: auto; } |
|
687 |
|
688 .push-2 { |
|
689 position: relative; |
|
690 left: 16.66667%; |
|
691 right: auto; } |
|
692 |
|
693 .pull-2 { |
|
694 position: relative; |
|
695 right: 16.66667%; |
|
696 left: auto; } |
|
697 |
|
698 .push-3 { |
|
699 position: relative; |
|
700 left: 25%; |
|
701 right: auto; } |
|
702 |
|
703 .pull-3 { |
|
704 position: relative; |
|
705 right: 25%; |
|
706 left: auto; } |
|
707 |
|
708 .push-4 { |
|
709 position: relative; |
|
710 left: 33.33333%; |
|
711 right: auto; } |
|
712 |
|
713 .pull-4 { |
|
714 position: relative; |
|
715 right: 33.33333%; |
|
716 left: auto; } |
|
717 |
|
718 .push-5 { |
|
719 position: relative; |
|
720 left: 41.66667%; |
|
721 right: auto; } |
|
722 |
|
723 .pull-5 { |
|
724 position: relative; |
|
725 right: 41.66667%; |
|
726 left: auto; } |
|
727 |
|
728 .push-6 { |
|
729 position: relative; |
|
730 left: 50%; |
|
731 right: auto; } |
|
732 |
|
733 .pull-6 { |
|
734 position: relative; |
|
735 right: 50%; |
|
736 left: auto; } |
|
737 |
|
738 .push-7 { |
|
739 position: relative; |
|
740 left: 58.33333%; |
|
741 right: auto; } |
|
742 |
|
743 .pull-7 { |
|
744 position: relative; |
|
745 right: 58.33333%; |
|
746 left: auto; } |
|
747 |
|
748 .push-8 { |
|
749 position: relative; |
|
750 left: 66.66667%; |
|
751 right: auto; } |
|
752 |
|
753 .pull-8 { |
|
754 position: relative; |
|
755 right: 66.66667%; |
|
756 left: auto; } |
|
757 |
|
758 .push-9 { |
|
759 position: relative; |
|
760 left: 75%; |
|
761 right: auto; } |
|
762 |
|
763 .pull-9 { |
|
764 position: relative; |
|
765 right: 75%; |
|
766 left: auto; } |
|
767 |
|
768 .push-10 { |
|
769 position: relative; |
|
770 left: 83.33333%; |
|
771 right: auto; } |
|
772 |
|
773 .pull-10 { |
|
774 position: relative; |
|
775 right: 83.33333%; |
|
776 left: auto; } |
|
777 |
|
778 .push-11 { |
|
779 position: relative; |
|
780 left: 91.66667%; |
|
781 right: auto; } |
|
782 |
|
783 .pull-11 { |
|
784 position: relative; |
|
785 right: 91.66667%; |
|
786 left: auto; } } |
|
787 @media only screen and (min-width: 64.0625em) { |
|
788 .large-push-0 { |
|
789 position: relative; |
|
790 left: 0; |
|
791 right: auto; } |
|
792 |
|
793 .large-pull-0 { |
|
794 position: relative; |
|
795 right: 0; |
|
796 left: auto; } |
|
797 |
|
798 .large-push-1 { |
|
799 position: relative; |
|
800 left: 8.33333%; |
|
801 right: auto; } |
|
802 |
|
803 .large-pull-1 { |
|
804 position: relative; |
|
805 right: 8.33333%; |
|
806 left: auto; } |
|
807 |
|
808 .large-push-2 { |
|
809 position: relative; |
|
810 left: 16.66667%; |
|
811 right: auto; } |
|
812 |
|
813 .large-pull-2 { |
|
814 position: relative; |
|
815 right: 16.66667%; |
|
816 left: auto; } |
|
817 |
|
818 .large-push-3 { |
|
819 position: relative; |
|
820 left: 25%; |
|
821 right: auto; } |
|
822 |
|
823 .large-pull-3 { |
|
824 position: relative; |
|
825 right: 25%; |
|
826 left: auto; } |
|
827 |
|
828 .large-push-4 { |
|
829 position: relative; |
|
830 left: 33.33333%; |
|
831 right: auto; } |
|
832 |
|
833 .large-pull-4 { |
|
834 position: relative; |
|
835 right: 33.33333%; |
|
836 left: auto; } |
|
837 |
|
838 .large-push-5 { |
|
839 position: relative; |
|
840 left: 41.66667%; |
|
841 right: auto; } |
|
842 |
|
843 .large-pull-5 { |
|
844 position: relative; |
|
845 right: 41.66667%; |
|
846 left: auto; } |
|
847 |
|
848 .large-push-6 { |
|
849 position: relative; |
|
850 left: 50%; |
|
851 right: auto; } |
|
852 |
|
853 .large-pull-6 { |
|
854 position: relative; |
|
855 right: 50%; |
|
856 left: auto; } |
|
857 |
|
858 .large-push-7 { |
|
859 position: relative; |
|
860 left: 58.33333%; |
|
861 right: auto; } |
|
862 |
|
863 .large-pull-7 { |
|
864 position: relative; |
|
865 right: 58.33333%; |
|
866 left: auto; } |
|
867 |
|
868 .large-push-8 { |
|
869 position: relative; |
|
870 left: 66.66667%; |
|
871 right: auto; } |
|
872 |
|
873 .large-pull-8 { |
|
874 position: relative; |
|
875 right: 66.66667%; |
|
876 left: auto; } |
|
877 |
|
878 .large-push-9 { |
|
879 position: relative; |
|
880 left: 75%; |
|
881 right: auto; } |
|
882 |
|
883 .large-pull-9 { |
|
884 position: relative; |
|
885 right: 75%; |
|
886 left: auto; } |
|
887 |
|
888 .large-push-10 { |
|
889 position: relative; |
|
890 left: 83.33333%; |
|
891 right: auto; } |
|
892 |
|
893 .large-pull-10 { |
|
894 position: relative; |
|
895 right: 83.33333%; |
|
896 left: auto; } |
|
897 |
|
898 .large-push-11 { |
|
899 position: relative; |
|
900 left: 91.66667%; |
|
901 right: auto; } |
|
902 |
|
903 .large-pull-11 { |
|
904 position: relative; |
|
905 right: 91.66667%; |
|
906 left: auto; } |
|
907 |
|
908 .column, |
|
909 .columns { |
|
910 position: relative; |
|
911 padding-left: 0.9375rem; |
|
912 padding-right: 0.9375rem; |
|
913 float: left; } |
|
914 |
|
915 .large-1 { |
|
916 width: 8.33333%; } |
|
917 |
|
918 .large-2 { |
|
919 width: 16.66667%; } |
|
920 |
|
921 .large-3 { |
|
922 width: 25%; } |
|
923 |
|
924 .large-4 { |
|
925 width: 33.33333%; } |
|
926 |
|
927 .large-5 { |
|
928 width: 41.66667%; } |
|
929 |
|
930 .large-6 { |
|
931 width: 50%; } |
|
932 |
|
933 .large-7 { |
|
934 width: 58.33333%; } |
|
935 |
|
936 .large-8 { |
|
937 width: 66.66667%; } |
|
938 |
|
939 .large-9 { |
|
940 width: 75%; } |
|
941 |
|
942 .large-10 { |
|
943 width: 83.33333%; } |
|
944 |
|
945 .large-11 { |
|
946 width: 91.66667%; } |
|
947 |
|
948 .large-12 { |
|
949 width: 100%; } |
|
950 |
|
951 .large-offset-0 { |
|
952 margin-left: 0 !important; } |
|
953 |
|
954 .large-offset-1 { |
|
955 margin-left: 8.33333% !important; } |
|
956 |
|
957 .large-offset-2 { |
|
958 margin-left: 16.66667% !important; } |
|
959 |
|
960 .large-offset-3 { |
|
961 margin-left: 25% !important; } |
|
962 |
|
963 .large-offset-4 { |
|
964 margin-left: 33.33333% !important; } |
|
965 |
|
966 .large-offset-5 { |
|
967 margin-left: 41.66667% !important; } |
|
968 |
|
969 .large-offset-6 { |
|
970 margin-left: 50% !important; } |
|
971 |
|
972 .large-offset-7 { |
|
973 margin-left: 58.33333% !important; } |
|
974 |
|
975 .large-offset-8 { |
|
976 margin-left: 66.66667% !important; } |
|
977 |
|
978 .large-offset-9 { |
|
979 margin-left: 75% !important; } |
|
980 |
|
981 .large-offset-10 { |
|
982 margin-left: 83.33333% !important; } |
|
983 |
|
984 .large-offset-11 { |
|
985 margin-left: 91.66667% !important; } |
|
986 |
|
987 .large-reset-order { |
|
988 float: left; |
|
989 left: auto; |
|
990 margin-left: 0; |
|
991 margin-right: 0; |
|
992 right: auto; } |
|
993 |
|
994 .column.large-centered, |
|
995 .columns.large-centered { |
|
996 margin-left: auto; |
|
997 margin-right: auto; |
|
998 float: none; } |
|
999 |
|
1000 .column.large-uncentered, |
|
1001 .columns.large-uncentered { |
|
1002 float: left; |
|
1003 margin-left: 0; |
|
1004 margin-right: 0; } |
|
1005 |
|
1006 .column.large-centered:last-child, |
|
1007 .columns.large-centered:last-child { |
|
1008 float: none; } |
|
1009 |
|
1010 .column.large-uncentered:last-child, |
|
1011 .columns.large-uncentered:last-child { |
|
1012 float: left; } |
|
1013 |
|
1014 .column.large-uncentered.opposite, |
|
1015 .columns.large-uncentered.opposite { |
|
1016 float: right; } |
|
1017 |
|
1018 .row.large-collapse > .column, |
|
1019 .row.large-collapse > .columns { |
|
1020 padding-left: 0; |
|
1021 padding-right: 0; } |
|
1022 .row.large-collapse .row { |
|
1023 margin-left: 0; |
|
1024 margin-right: 0; } |
|
1025 .row.large-uncollapse > .column, |
|
1026 .row.large-uncollapse > .columns { |
|
1027 padding-left: 0.9375rem; |
|
1028 padding-right: 0.9375rem; |
|
1029 float: left; } |
|
1030 |
|
1031 .push-0 { |
|
1032 position: relative; |
|
1033 left: 0; |
|
1034 right: auto; } |
|
1035 |
|
1036 .pull-0 { |
|
1037 position: relative; |
|
1038 right: 0; |
|
1039 left: auto; } |
|
1040 |
|
1041 .push-1 { |
|
1042 position: relative; |
|
1043 left: 8.33333%; |
|
1044 right: auto; } |
|
1045 |
|
1046 .pull-1 { |
|
1047 position: relative; |
|
1048 right: 8.33333%; |
|
1049 left: auto; } |
|
1050 |
|
1051 .push-2 { |
|
1052 position: relative; |
|
1053 left: 16.66667%; |
|
1054 right: auto; } |
|
1055 |
|
1056 .pull-2 { |
|
1057 position: relative; |
|
1058 right: 16.66667%; |
|
1059 left: auto; } |
|
1060 |
|
1061 .push-3 { |
|
1062 position: relative; |
|
1063 left: 25%; |
|
1064 right: auto; } |
|
1065 |
|
1066 .pull-3 { |
|
1067 position: relative; |
|
1068 right: 25%; |
|
1069 left: auto; } |
|
1070 |
|
1071 .push-4 { |
|
1072 position: relative; |
|
1073 left: 33.33333%; |
|
1074 right: auto; } |
|
1075 |
|
1076 .pull-4 { |
|
1077 position: relative; |
|
1078 right: 33.33333%; |
|
1079 left: auto; } |
|
1080 |
|
1081 .push-5 { |
|
1082 position: relative; |
|
1083 left: 41.66667%; |
|
1084 right: auto; } |
|
1085 |
|
1086 .pull-5 { |
|
1087 position: relative; |
|
1088 right: 41.66667%; |
|
1089 left: auto; } |
|
1090 |
|
1091 .push-6 { |
|
1092 position: relative; |
|
1093 left: 50%; |
|
1094 right: auto; } |
|
1095 |
|
1096 .pull-6 { |
|
1097 position: relative; |
|
1098 right: 50%; |
|
1099 left: auto; } |
|
1100 |
|
1101 .push-7 { |
|
1102 position: relative; |
|
1103 left: 58.33333%; |
|
1104 right: auto; } |
|
1105 |
|
1106 .pull-7 { |
|
1107 position: relative; |
|
1108 right: 58.33333%; |
|
1109 left: auto; } |
|
1110 |
|
1111 .push-8 { |
|
1112 position: relative; |
|
1113 left: 66.66667%; |
|
1114 right: auto; } |
|
1115 |
|
1116 .pull-8 { |
|
1117 position: relative; |
|
1118 right: 66.66667%; |
|
1119 left: auto; } |
|
1120 |
|
1121 .push-9 { |
|
1122 position: relative; |
|
1123 left: 75%; |
|
1124 right: auto; } |
|
1125 |
|
1126 .pull-9 { |
|
1127 position: relative; |
|
1128 right: 75%; |
|
1129 left: auto; } |
|
1130 |
|
1131 .push-10 { |
|
1132 position: relative; |
|
1133 left: 83.33333%; |
|
1134 right: auto; } |
|
1135 |
|
1136 .pull-10 { |
|
1137 position: relative; |
|
1138 right: 83.33333%; |
|
1139 left: auto; } |
|
1140 |
|
1141 .push-11 { |
|
1142 position: relative; |
|
1143 left: 91.66667%; |
|
1144 right: auto; } |
|
1145 |
|
1146 .pull-11 { |
|
1147 position: relative; |
|
1148 right: 91.66667%; |
|
1149 left: auto; } } |
|
1150 button, .button { |
|
1151 -webkit-appearance: none; |
|
1152 -moz-appearance: none; |
|
1153 border-radius: 0; |
|
1154 border-style: solid; |
|
1155 border-width: 0; |
|
1156 cursor: pointer; |
|
1157 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
1158 font-weight: normal; |
|
1159 line-height: normal; |
|
1160 margin: 0 0 1.25rem; |
|
1161 position: relative; |
|
1162 text-align: center; |
|
1163 text-decoration: none; |
|
1164 display: inline-block; |
|
1165 padding: 1rem 2rem 1.0625rem 2rem; |
|
1166 font-size: 1rem; |
|
1167 background-color: #008CBA; |
|
1168 border-color: #007095; |
|
1169 color: #FFFFFF; |
|
1170 transition: background-color 300ms ease-out; } |
|
1171 button:hover, button:focus, .button:hover, .button:focus { |
|
1172 background-color: #007095; } |
|
1173 button:hover, button:focus, .button:hover, .button:focus { |
|
1174 color: #FFFFFF; } |
|
1175 button.secondary, .button.secondary { |
|
1176 background-color: #e7e7e7; |
|
1177 border-color: #b9b9b9; |
|
1178 color: #333333; } |
|
1179 button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { |
|
1180 background-color: #b9b9b9; } |
|
1181 button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { |
|
1182 color: #333333; } |
|
1183 button.success, .button.success { |
|
1184 background-color: #43AC6A; |
|
1185 border-color: #368a55; |
|
1186 color: #FFFFFF; } |
|
1187 button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { |
|
1188 background-color: #368a55; } |
|
1189 button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { |
|
1190 color: #FFFFFF; } |
|
1191 button.alert, .button.alert { |
|
1192 background-color: #f04124; |
|
1193 border-color: #cf2a0e; |
|
1194 color: #FFFFFF; } |
|
1195 button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { |
|
1196 background-color: #cf2a0e; } |
|
1197 button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { |
|
1198 color: #FFFFFF; } |
|
1199 button.warning, .button.warning { |
|
1200 background-color: #f08a24; |
|
1201 border-color: #cf6e0e; |
|
1202 color: #FFFFFF; } |
|
1203 button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { |
|
1204 background-color: #cf6e0e; } |
|
1205 button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { |
|
1206 color: #FFFFFF; } |
|
1207 button.info, .button.info { |
|
1208 background-color: #a0d3e8; |
|
1209 border-color: #61b6d9; |
|
1210 color: #333333; } |
|
1211 button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { |
|
1212 background-color: #61b6d9; } |
|
1213 button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { |
|
1214 color: #FFFFFF; } |
|
1215 button.large, .button.large { |
|
1216 padding: 1.125rem 2.25rem 1.1875rem 2.25rem; |
|
1217 font-size: 1.25rem; } |
|
1218 button.small, .button.small { |
|
1219 padding: 0.875rem 1.75rem 0.9375rem 1.75rem; |
|
1220 font-size: 0.8125rem; } |
|
1221 button.tiny, .button.tiny { |
|
1222 padding: 0.625rem 1.25rem 0.6875rem 1.25rem; |
|
1223 font-size: 0.6875rem; } |
|
1224 button.expand, .button.expand { |
|
1225 padding-left: 0; |
|
1226 padding-right: 0; |
|
1227 width: 100%; } |
|
1228 button.left-align, .button.left-align { |
|
1229 text-align: left; |
|
1230 text-indent: 0.75rem; } |
|
1231 button.right-align, .button.right-align { |
|
1232 text-align: right; |
|
1233 padding-right: 0.75rem; } |
|
1234 button.radius, .button.radius { |
|
1235 border-radius: 3px; } |
|
1236 button.round, .button.round { |
|
1237 border-radius: 1000px; } |
|
1238 button.disabled, button[disabled], .button.disabled, .button[disabled] { |
|
1239 background-color: #008CBA; |
|
1240 border-color: #007095; |
|
1241 color: #FFFFFF; |
|
1242 box-shadow: none; |
|
1243 cursor: default; |
|
1244 opacity: 0.7; } |
|
1245 button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
|
1246 background-color: #007095; } |
|
1247 button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
|
1248 color: #FFFFFF; } |
|
1249 button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
|
1250 background-color: #008CBA; } |
|
1251 button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { |
|
1252 background-color: #e7e7e7; |
|
1253 border-color: #b9b9b9; |
|
1254 color: #333333; |
|
1255 box-shadow: none; |
|
1256 cursor: default; |
|
1257 opacity: 0.7; } |
|
1258 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 { |
|
1259 background-color: #b9b9b9; } |
|
1260 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 { |
|
1261 color: #333333; } |
|
1262 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 { |
|
1263 background-color: #e7e7e7; } |
|
1264 button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { |
|
1265 background-color: #43AC6A; |
|
1266 border-color: #368a55; |
|
1267 color: #FFFFFF; |
|
1268 box-shadow: none; |
|
1269 cursor: default; |
|
1270 opacity: 0.7; } |
|
1271 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 { |
|
1272 background-color: #368a55; } |
|
1273 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 { |
|
1274 color: #FFFFFF; } |
|
1275 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 { |
|
1276 background-color: #43AC6A; } |
|
1277 button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { |
|
1278 background-color: #f04124; |
|
1279 border-color: #cf2a0e; |
|
1280 color: #FFFFFF; |
|
1281 box-shadow: none; |
|
1282 cursor: default; |
|
1283 opacity: 0.7; } |
|
1284 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 { |
|
1285 background-color: #cf2a0e; } |
|
1286 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 { |
|
1287 color: #FFFFFF; } |
|
1288 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 { |
|
1289 background-color: #f04124; } |
|
1290 button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { |
|
1291 background-color: #f08a24; |
|
1292 border-color: #cf6e0e; |
|
1293 color: #FFFFFF; |
|
1294 box-shadow: none; |
|
1295 cursor: default; |
|
1296 opacity: 0.7; } |
|
1297 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 { |
|
1298 background-color: #cf6e0e; } |
|
1299 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 { |
|
1300 color: #FFFFFF; } |
|
1301 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 { |
|
1302 background-color: #f08a24; } |
|
1303 button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { |
|
1304 background-color: #a0d3e8; |
|
1305 border-color: #61b6d9; |
|
1306 color: #333333; |
|
1307 box-shadow: none; |
|
1308 cursor: default; |
|
1309 opacity: 0.7; } |
|
1310 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 { |
|
1311 background-color: #61b6d9; } |
|
1312 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 { |
|
1313 color: #FFFFFF; } |
|
1314 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 { |
|
1315 background-color: #a0d3e8; } |
|
1316 |
|
1317 button::-moz-focus-inner { |
|
1318 border: 0; |
|
1319 padding: 0; } |
|
1320 |
|
1321 @media only screen and (min-width: 40.0625em) { |
|
1322 button, .button { |
|
1323 display: inline-block; } } |
|
1324 /* Standard Forms */ |
|
1325 form { |
|
1326 margin: 0 0 1rem; } |
|
1327 |
|
1328 /* Using forms within rows, we need to set some defaults */ |
|
1329 form .row .row { |
|
1330 margin: 0 -0.5rem; } |
|
1331 form .row .row .column, |
|
1332 form .row .row .columns { |
|
1333 padding: 0 0.5rem; } |
|
1334 form .row .row.collapse { |
|
1335 margin: 0; } |
|
1336 form .row .row.collapse .column, |
|
1337 form .row .row.collapse .columns { |
|
1338 padding: 0; } |
|
1339 form .row .row.collapse input { |
|
1340 -webkit-border-bottom-right-radius: 0; |
|
1341 -webkit-border-top-right-radius: 0; |
|
1342 border-bottom-right-radius: 0; |
|
1343 border-top-right-radius: 0; } |
|
1344 form .row input.column, |
|
1345 form .row input.columns, |
|
1346 form .row textarea.column, |
|
1347 form .row textarea.columns { |
|
1348 padding-left: 0.5rem; } |
|
1349 |
|
1350 /* Label Styles */ |
|
1351 label { |
|
1352 color: #4d4d4d; |
|
1353 cursor: pointer; |
|
1354 display: block; |
|
1355 font-size: 0.875rem; |
|
1356 font-weight: normal; |
|
1357 line-height: 1.5; |
|
1358 margin-bottom: 0; |
|
1359 /* Styles for required inputs */ } |
|
1360 label.right { |
|
1361 float: none !important; |
|
1362 text-align: right; } |
|
1363 label.inline { |
|
1364 margin: 0 0 1rem 0; |
|
1365 padding: 0.5625rem 0; } |
|
1366 label small { |
|
1367 text-transform: capitalize; |
|
1368 color: #676767; } |
|
1369 |
|
1370 /* Attach elements to the beginning or end of an input */ |
|
1371 .prefix, |
|
1372 .postfix { |
|
1373 border-style: solid; |
|
1374 border-width: 1px; |
|
1375 display: block; |
|
1376 font-size: 0.875rem; |
|
1377 height: 2.3125rem; |
|
1378 line-height: 2.3125rem; |
|
1379 overflow: visible; |
|
1380 padding-bottom: 0; |
|
1381 padding-top: 0; |
|
1382 position: relative; |
|
1383 text-align: center; |
|
1384 width: 100%; |
|
1385 z-index: 2; } |
|
1386 |
|
1387 /* Adjust padding, alignment and radius if pre/post element is a button */ |
|
1388 .postfix.button { |
|
1389 border-color: true; } |
|
1390 |
|
1391 .prefix.button { |
|
1392 border: none; |
|
1393 padding-left: 0; |
|
1394 padding-right: 0; |
|
1395 padding-bottom: 0; |
|
1396 padding-top: 0; |
|
1397 text-align: center; } |
|
1398 |
|
1399 .prefix.button.radius { |
|
1400 border-radius: 0; |
|
1401 -webkit-border-bottom-left-radius: 3px; |
|
1402 -webkit-border-top-left-radius: 3px; |
|
1403 border-bottom-left-radius: 3px; |
|
1404 border-top-left-radius: 3px; } |
|
1405 |
|
1406 .postfix.button.radius { |
|
1407 border-radius: 0; |
|
1408 -webkit-border-bottom-right-radius: 3px; |
|
1409 -webkit-border-top-right-radius: 3px; |
|
1410 border-bottom-right-radius: 3px; |
|
1411 border-top-right-radius: 3px; } |
|
1412 |
|
1413 .prefix.button.round { |
|
1414 border-radius: 0; |
|
1415 -webkit-border-bottom-left-radius: 1000px; |
|
1416 -webkit-border-top-left-radius: 1000px; |
|
1417 border-bottom-left-radius: 1000px; |
|
1418 border-top-left-radius: 1000px; } |
|
1419 |
|
1420 .postfix.button.round { |
|
1421 border-radius: 0; |
|
1422 -webkit-border-bottom-right-radius: 1000px; |
|
1423 -webkit-border-top-right-radius: 1000px; |
|
1424 border-bottom-right-radius: 1000px; |
|
1425 border-top-right-radius: 1000px; } |
|
1426 |
|
1427 /* Separate prefix and postfix styles when on span or label so buttons keep their own */ |
|
1428 span.prefix, label.prefix { |
|
1429 background: #f2f2f2; |
|
1430 border-right: none; |
|
1431 color: #333333; |
|
1432 border-color: #cccccc; } |
|
1433 |
|
1434 span.postfix, label.postfix { |
|
1435 background: #f2f2f2; |
|
1436 color: #333333; |
|
1437 border-color: #cccccc; } |
|
1438 |
|
1439 /* We use this to get basic styling on all basic form elements */ |
|
1440 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 { |
|
1441 -webkit-appearance: none; |
|
1442 -moz-appearance: none; |
|
1443 border-radius: 0; |
|
1444 background-color: #FFFFFF; |
|
1445 border-style: solid; |
|
1446 border-width: 1px; |
|
1447 border-color: #cccccc; |
|
1448 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
1449 color: rgba(0, 0, 0, 0.75); |
|
1450 display: block; |
|
1451 font-family: inherit; |
|
1452 font-size: 0.875rem; |
|
1453 height: 2.3125rem; |
|
1454 margin: 0 0 1rem 0; |
|
1455 padding: 0.5rem; |
|
1456 width: 100%; |
|
1457 -webkit-box-sizing: border-box; |
|
1458 -moz-box-sizing: border-box; |
|
1459 box-sizing: border-box; |
|
1460 -webkit-transition: border-color 0.15s linear, background 0.15s linear; |
|
1461 -moz-transition: border-color 0.15s linear, background 0.15s linear; |
|
1462 -ms-transition: border-color 0.15s linear, background 0.15s linear; |
|
1463 -o-transition: border-color 0.15s linear, background 0.15s linear; |
|
1464 transition: border-color 0.15s linear, background 0.15s linear; } |
|
1465 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 { |
|
1466 background: #fafafa; |
|
1467 border-color: #999999; |
|
1468 outline: none; } |
|
1469 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 { |
|
1470 background-color: #DDDDDD; |
|
1471 cursor: default; } |
|
1472 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 { |
|
1473 background-color: #DDDDDD; |
|
1474 cursor: default; } |
|
1475 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 { |
|
1476 border-radius: 3px; } |
|
1477 |
|
1478 form .row .prefix-radius.row.collapse input, |
|
1479 form .row .prefix-radius.row.collapse textarea, |
|
1480 form .row .prefix-radius.row.collapse select, |
|
1481 form .row .prefix-radius.row.collapse button { |
|
1482 border-radius: 0; |
|
1483 -webkit-border-bottom-right-radius: 3px; |
|
1484 -webkit-border-top-right-radius: 3px; |
|
1485 border-bottom-right-radius: 3px; |
|
1486 border-top-right-radius: 3px; } |
|
1487 form .row .prefix-radius.row.collapse .prefix { |
|
1488 border-radius: 0; |
|
1489 -webkit-border-bottom-left-radius: 3px; |
|
1490 -webkit-border-top-left-radius: 3px; |
|
1491 border-bottom-left-radius: 3px; |
|
1492 border-top-left-radius: 3px; } |
|
1493 form .row .postfix-radius.row.collapse input, |
|
1494 form .row .postfix-radius.row.collapse textarea, |
|
1495 form .row .postfix-radius.row.collapse select, |
|
1496 form .row .postfix-radius.row.collapse button { |
|
1497 border-radius: 0; |
|
1498 -webkit-border-bottom-left-radius: 3px; |
|
1499 -webkit-border-top-left-radius: 3px; |
|
1500 border-bottom-left-radius: 3px; |
|
1501 border-top-left-radius: 3px; } |
|
1502 form .row .postfix-radius.row.collapse .postfix { |
|
1503 border-radius: 0; |
|
1504 -webkit-border-bottom-right-radius: 3px; |
|
1505 -webkit-border-top-right-radius: 3px; |
|
1506 border-bottom-right-radius: 3px; |
|
1507 border-top-right-radius: 3px; } |
|
1508 form .row .prefix-round.row.collapse input, |
|
1509 form .row .prefix-round.row.collapse textarea, |
|
1510 form .row .prefix-round.row.collapse select, |
|
1511 form .row .prefix-round.row.collapse button { |
|
1512 border-radius: 0; |
|
1513 -webkit-border-bottom-right-radius: 1000px; |
|
1514 -webkit-border-top-right-radius: 1000px; |
|
1515 border-bottom-right-radius: 1000px; |
|
1516 border-top-right-radius: 1000px; } |
|
1517 form .row .prefix-round.row.collapse .prefix { |
|
1518 border-radius: 0; |
|
1519 -webkit-border-bottom-left-radius: 1000px; |
|
1520 -webkit-border-top-left-radius: 1000px; |
|
1521 border-bottom-left-radius: 1000px; |
|
1522 border-top-left-radius: 1000px; } |
|
1523 form .row .postfix-round.row.collapse input, |
|
1524 form .row .postfix-round.row.collapse textarea, |
|
1525 form .row .postfix-round.row.collapse select, |
|
1526 form .row .postfix-round.row.collapse button { |
|
1527 border-radius: 0; |
|
1528 -webkit-border-bottom-left-radius: 1000px; |
|
1529 -webkit-border-top-left-radius: 1000px; |
|
1530 border-bottom-left-radius: 1000px; |
|
1531 border-top-left-radius: 1000px; } |
|
1532 form .row .postfix-round.row.collapse .postfix { |
|
1533 border-radius: 0; |
|
1534 -webkit-border-bottom-right-radius: 1000px; |
|
1535 -webkit-border-top-right-radius: 1000px; |
|
1536 border-bottom-right-radius: 1000px; |
|
1537 border-top-right-radius: 1000px; } |
|
1538 |
|
1539 input[type="submit"] { |
|
1540 -webkit-appearance: none; |
|
1541 -moz-appearance: none; |
|
1542 border-radius: 0; } |
|
1543 |
|
1544 /* Respect enforced amount of rows for textarea */ |
|
1545 textarea[rows] { |
|
1546 height: auto; } |
|
1547 |
|
1548 /* Not allow resize out of parent */ |
|
1549 textarea { |
|
1550 max-width: 100%; } |
|
1551 |
|
1552 ::-webkit-input-placeholder { |
|
1553 color: #cccccc; } |
|
1554 |
|
1555 :-moz-placeholder { |
|
1556 /* Firefox 18- */ |
|
1557 color: #cccccc; } |
|
1558 |
|
1559 ::-moz-placeholder { |
|
1560 /* Firefox 19+ */ |
|
1561 color: #cccccc; } |
|
1562 |
|
1563 :-ms-input-placeholder { |
|
1564 color: #cccccc; } |
|
1565 |
|
1566 /* Add height value for select elements to match text input height */ |
|
1567 select { |
|
1568 -webkit-appearance: none !important; |
|
1569 -moz-appearance: none !important; |
|
1570 background-color: #FAFAFA; |
|
1571 border-radius: 0; |
|
1572 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); |
|
1573 background-position: 100% center; |
|
1574 background-repeat: no-repeat; |
|
1575 border-style: solid; |
|
1576 border-width: 1px; |
|
1577 border-color: #cccccc; |
|
1578 color: rgba(0, 0, 0, 0.75); |
|
1579 font-family: inherit; |
|
1580 font-size: 0.875rem; |
|
1581 line-height: normal; |
|
1582 padding: 0.5rem; |
|
1583 border-radius: 0; |
|
1584 height: 2.3125rem; } |
|
1585 select::-ms-expand { |
|
1586 display: none; } |
|
1587 select.radius { |
|
1588 border-radius: 3px; } |
|
1589 select:hover { |
|
1590 background-color: #f3f3f3; |
|
1591 border-color: #999999; } |
|
1592 select:disabled { |
|
1593 background-color: #DDDDDD; |
|
1594 cursor: default; } |
|
1595 select[multiple] { |
|
1596 height: auto; } |
|
1597 |
|
1598 /* Adjust margin for form elements below */ |
|
1599 input[type="file"], |
|
1600 input[type="checkbox"], |
|
1601 input[type="radio"], |
|
1602 select { |
|
1603 margin: 0 0 1rem 0; } |
|
1604 |
|
1605 input[type="checkbox"] + label, |
|
1606 input[type="radio"] + label { |
|
1607 display: inline-block; |
|
1608 margin-left: 0.5rem; |
|
1609 margin-right: 1rem; |
|
1610 margin-bottom: 0; |
|
1611 vertical-align: baseline; } |
|
1612 |
|
1613 /* Normalize file input width */ |
|
1614 input[type="file"] { |
|
1615 width: 100%; } |
|
1616 |
|
1617 /* HTML5 Number spinners settings */ |
|
1618 /* We add basic fieldset styling */ |
|
1619 fieldset { |
|
1620 border: 1px solid #DDDDDD; |
|
1621 margin: 1.125rem 0; |
|
1622 padding: 1.25rem; } |
|
1623 fieldset legend { |
|
1624 background: #FFFFFF; |
|
1625 font-weight: bold; |
|
1626 margin-left: -0.1875rem; |
|
1627 margin: 0; |
|
1628 padding: 0 0.1875rem; } |
|
1629 |
|
1630 /* Error Handling */ |
|
1631 [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { |
|
1632 display: block; |
|
1633 font-size: 0.75rem; |
|
1634 font-style: italic; |
|
1635 font-weight: normal; |
|
1636 margin-bottom: 1rem; |
|
1637 margin-top: -1px; |
|
1638 padding: 0.375rem 0.5625rem 0.5625rem; |
|
1639 background: #f04124; |
|
1640 color: #FFFFFF; } |
|
1641 [data-abide] span.error, [data-abide] small.error { |
|
1642 display: none; } |
|
1643 |
|
1644 span.error, small.error { |
|
1645 display: block; |
|
1646 font-size: 0.75rem; |
|
1647 font-style: italic; |
|
1648 font-weight: normal; |
|
1649 margin-bottom: 1rem; |
|
1650 margin-top: -1px; |
|
1651 padding: 0.375rem 0.5625rem 0.5625rem; |
|
1652 background: #f04124; |
|
1653 color: #FFFFFF; } |
|
1654 |
|
1655 .error input, |
|
1656 .error textarea, |
|
1657 .error select { |
|
1658 margin-bottom: 0; } |
|
1659 .error input[type="checkbox"], |
|
1660 .error input[type="radio"] { |
|
1661 margin-bottom: 1rem; } |
|
1662 .error label, |
|
1663 .error label.error { |
|
1664 color: #f04124; } |
|
1665 .error small.error { |
|
1666 display: block; |
|
1667 font-size: 0.75rem; |
|
1668 font-style: italic; |
|
1669 font-weight: normal; |
|
1670 margin-bottom: 1rem; |
|
1671 margin-top: -1px; |
|
1672 padding: 0.375rem 0.5625rem 0.5625rem; |
|
1673 background: #f04124; |
|
1674 color: #FFFFFF; } |
|
1675 .error > label > small { |
|
1676 background: transparent; |
|
1677 color: #676767; |
|
1678 display: inline; |
|
1679 font-size: 60%; |
|
1680 font-style: normal; |
|
1681 margin: 0; |
|
1682 padding: 0; |
|
1683 text-transform: capitalize; } |
|
1684 .error span.error-message { |
|
1685 display: block; } |
|
1686 |
|
1687 input.error, |
|
1688 textarea.error, |
|
1689 select.error { |
|
1690 margin-bottom: 0; } |
|
1691 |
|
1692 label.error { |
|
1693 color: #f04124; } |
|
1694 |
|
1695 meta.foundation-mq-topbar { |
|
1696 font-family: "/only screen and (min-width:40.0625em)/"; |
|
1697 width: 40.0625em; } |
|
1698 |
|
1699 /* Wrapped around .top-bar to contain to grid width */ |
|
1700 .contain-to-grid { |
|
1701 width: 100%; |
|
1702 background: #333333; } |
|
1703 .contain-to-grid .top-bar { |
|
1704 margin-bottom: 0; } |
|
1705 |
|
1706 .fixed { |
|
1707 position: fixed; |
|
1708 top: 0; |
|
1709 width: 100%; |
|
1710 z-index: 99; |
|
1711 left: 0; } |
|
1712 .fixed.expanded:not(.top-bar) { |
|
1713 height: auto; |
|
1714 max-height: 100%; |
|
1715 overflow-y: auto; |
|
1716 width: 100%; } |
|
1717 .fixed.expanded:not(.top-bar) .title-area { |
|
1718 position: fixed; |
|
1719 width: 100%; |
|
1720 z-index: 99; } |
|
1721 .fixed.expanded:not(.top-bar) .top-bar-section { |
|
1722 margin-top: 2.8125rem; |
|
1723 z-index: 98; } |
|
1724 |
|
1725 .top-bar { |
|
1726 background: #333333; |
|
1727 height: 2.8125rem; |
|
1728 line-height: 2.8125rem; |
|
1729 margin-bottom: 0; |
|
1730 overflow: hidden; |
|
1731 position: relative; } |
|
1732 .top-bar ul { |
|
1733 list-style: none; |
|
1734 margin-bottom: 0; } |
|
1735 .top-bar .row { |
|
1736 max-width: none; } |
|
1737 .top-bar form, |
|
1738 .top-bar input, |
|
1739 .top-bar select { |
|
1740 margin-bottom: 0; } |
|
1741 .top-bar input, |
|
1742 .top-bar select { |
|
1743 font-size: 0.75rem; |
|
1744 height: 1.75rem; |
|
1745 padding-bottom: .35rem; |
|
1746 padding-top: .35rem; } |
|
1747 .top-bar .button, .top-bar button { |
|
1748 font-size: 0.75rem; |
|
1749 margin-bottom: 0; |
|
1750 padding-bottom: 0.4125rem; |
|
1751 padding-top: 0.4125rem; } |
|
1752 @media only screen and (max-width: 40em) { |
|
1753 .top-bar .button, .top-bar button { |
|
1754 position: relative; |
|
1755 top: -1px; } } |
|
1756 .top-bar .title-area { |
|
1757 margin: 0; |
|
1758 position: relative; } |
|
1759 .top-bar .name { |
|
1760 font-size: 16px; |
|
1761 height: 2.8125rem; |
|
1762 margin: 0; } |
|
1763 .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span { |
|
1764 font-size: 1.0625rem; |
|
1765 line-height: 2.8125rem; |
|
1766 margin: 0; } |
|
1767 .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 { |
|
1768 color: #FFFFFF; |
|
1769 display: block; |
|
1770 font-weight: normal; |
|
1771 padding: 0 0.9375rem; |
|
1772 width: 75%; } |
|
1773 .top-bar .toggle-topbar { |
|
1774 position: absolute; |
|
1775 right: 0; |
|
1776 top: 0; } |
|
1777 .top-bar .toggle-topbar a { |
|
1778 color: #FFFFFF; |
|
1779 display: block; |
|
1780 font-size: 0.8125rem; |
|
1781 font-weight: bold; |
|
1782 height: 2.8125rem; |
|
1783 line-height: 2.8125rem; |
|
1784 padding: 0 0.9375rem; |
|
1785 position: relative; |
|
1786 text-transform: uppercase; } |
|
1787 .top-bar .toggle-topbar.menu-icon { |
|
1788 margin-top: -16px; |
|
1789 top: 50%; } |
|
1790 .top-bar .toggle-topbar.menu-icon a { |
|
1791 color: #FFFFFF; |
|
1792 height: 34px; |
|
1793 line-height: 33px; |
|
1794 padding: 0 2.5rem 0 0.9375rem; |
|
1795 position: relative; } |
|
1796 .top-bar .toggle-topbar.menu-icon a span::after { |
|
1797 content: ""; |
|
1798 display: block; |
|
1799 height: 0; |
|
1800 position: absolute; |
|
1801 margin-top: -8px; |
|
1802 top: 50%; |
|
1803 right: 0.9375rem; |
|
1804 box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; |
|
1805 width: 16px; } |
|
1806 .top-bar .toggle-topbar.menu-icon a span:hover:after { |
|
1807 box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; } |
|
1808 .top-bar.expanded { |
|
1809 background: transparent; |
|
1810 height: auto; } |
|
1811 .top-bar.expanded .title-area { |
|
1812 background: #333333; } |
|
1813 .top-bar.expanded .toggle-topbar a { |
|
1814 color: #888888; } |
|
1815 .top-bar.expanded .toggle-topbar a span::after { |
|
1816 box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; } |
|
1817 @media screen and (-webkit-min-device-pixel-ratio: 0) { |
|
1818 .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown, |
|
1819 .top-bar.expanded .top-bar-section .dropdown { |
|
1820 clip: initial; } |
|
1821 .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul { |
|
1822 padding: 0; } } |
|
1823 |
|
1824 .top-bar-section { |
|
1825 left: 0; |
|
1826 position: relative; |
|
1827 width: auto; |
|
1828 transition: left 300ms ease-out; } |
|
1829 .top-bar-section ul { |
|
1830 display: block; |
|
1831 font-size: 16px; |
|
1832 height: auto; |
|
1833 margin: 0; |
|
1834 padding: 0; |
|
1835 width: 100%; } |
|
1836 .top-bar-section .divider, |
|
1837 .top-bar-section [role="separator"] { |
|
1838 border-top: solid 1px #1a1a1a; |
|
1839 clear: both; |
|
1840 height: 1px; |
|
1841 width: 100%; } |
|
1842 .top-bar-section ul li { |
|
1843 background: #333333; } |
|
1844 .top-bar-section ul li > a { |
|
1845 color: #FFFFFF; |
|
1846 display: block; |
|
1847 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
1848 font-size: 0.8125rem; |
|
1849 font-weight: normal; |
|
1850 padding-left: 0.9375rem; |
|
1851 padding: 12px 0 12px 0.9375rem; |
|
1852 text-transform: none; |
|
1853 width: 100%; } |
|
1854 .top-bar-section ul li > a.button { |
|
1855 font-size: 0.8125rem; |
|
1856 padding-left: 0.9375rem; |
|
1857 padding-right: 0.9375rem; |
|
1858 background-color: #008CBA; |
|
1859 border-color: #007095; |
|
1860 color: #FFFFFF; } |
|
1861 .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { |
|
1862 background-color: #007095; } |
|
1863 .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { |
|
1864 color: #FFFFFF; } |
|
1865 .top-bar-section ul li > a.button.secondary { |
|
1866 background-color: #e7e7e7; |
|
1867 border-color: #b9b9b9; |
|
1868 color: #333333; } |
|
1869 .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { |
|
1870 background-color: #b9b9b9; } |
|
1871 .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { |
|
1872 color: #333333; } |
|
1873 .top-bar-section ul li > a.button.success { |
|
1874 background-color: #43AC6A; |
|
1875 border-color: #368a55; |
|
1876 color: #FFFFFF; } |
|
1877 .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { |
|
1878 background-color: #368a55; } |
|
1879 .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { |
|
1880 color: #FFFFFF; } |
|
1881 .top-bar-section ul li > a.button.alert { |
|
1882 background-color: #f04124; |
|
1883 border-color: #cf2a0e; |
|
1884 color: #FFFFFF; } |
|
1885 .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { |
|
1886 background-color: #cf2a0e; } |
|
1887 .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { |
|
1888 color: #FFFFFF; } |
|
1889 .top-bar-section ul li > a.button.warning { |
|
1890 background-color: #f08a24; |
|
1891 border-color: #cf6e0e; |
|
1892 color: #FFFFFF; } |
|
1893 .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { |
|
1894 background-color: #cf6e0e; } |
|
1895 .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { |
|
1896 color: #FFFFFF; } |
|
1897 .top-bar-section ul li > a.button.info { |
|
1898 background-color: #a0d3e8; |
|
1899 border-color: #61b6d9; |
|
1900 color: #333333; } |
|
1901 .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus { |
|
1902 background-color: #61b6d9; } |
|
1903 .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus { |
|
1904 color: #FFFFFF; } |
|
1905 .top-bar-section ul li > button { |
|
1906 font-size: 0.8125rem; |
|
1907 padding-left: 0.9375rem; |
|
1908 padding-right: 0.9375rem; |
|
1909 background-color: #008CBA; |
|
1910 border-color: #007095; |
|
1911 color: #FFFFFF; } |
|
1912 .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { |
|
1913 background-color: #007095; } |
|
1914 .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { |
|
1915 color: #FFFFFF; } |
|
1916 .top-bar-section ul li > button.secondary { |
|
1917 background-color: #e7e7e7; |
|
1918 border-color: #b9b9b9; |
|
1919 color: #333333; } |
|
1920 .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { |
|
1921 background-color: #b9b9b9; } |
|
1922 .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { |
|
1923 color: #333333; } |
|
1924 .top-bar-section ul li > button.success { |
|
1925 background-color: #43AC6A; |
|
1926 border-color: #368a55; |
|
1927 color: #FFFFFF; } |
|
1928 .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { |
|
1929 background-color: #368a55; } |
|
1930 .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { |
|
1931 color: #FFFFFF; } |
|
1932 .top-bar-section ul li > button.alert { |
|
1933 background-color: #f04124; |
|
1934 border-color: #cf2a0e; |
|
1935 color: #FFFFFF; } |
|
1936 .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { |
|
1937 background-color: #cf2a0e; } |
|
1938 .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { |
|
1939 color: #FFFFFF; } |
|
1940 .top-bar-section ul li > button.warning { |
|
1941 background-color: #f08a24; |
|
1942 border-color: #cf6e0e; |
|
1943 color: #FFFFFF; } |
|
1944 .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { |
|
1945 background-color: #cf6e0e; } |
|
1946 .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { |
|
1947 color: #FFFFFF; } |
|
1948 .top-bar-section ul li > button.info { |
|
1949 background-color: #a0d3e8; |
|
1950 border-color: #61b6d9; |
|
1951 color: #333333; } |
|
1952 .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus { |
|
1953 background-color: #61b6d9; } |
|
1954 .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus { |
|
1955 color: #FFFFFF; } |
|
1956 .top-bar-section ul li:hover:not(.has-form) > a { |
|
1957 background-color: #555555; |
|
1958 color: #FFFFFF; |
|
1959 background: #222222; } |
|
1960 .top-bar-section ul li.active > a { |
|
1961 background: #008CBA; |
|
1962 color: #FFFFFF; } |
|
1963 .top-bar-section ul li.active > a:hover { |
|
1964 background: #0078a0; |
|
1965 color: #FFFFFF; } |
|
1966 .top-bar-section .has-form { |
|
1967 padding: 0.9375rem; } |
|
1968 .top-bar-section .has-dropdown { |
|
1969 position: relative; } |
|
1970 .top-bar-section .has-dropdown > a:after { |
|
1971 border: inset 5px; |
|
1972 content: ""; |
|
1973 display: block; |
|
1974 height: 0; |
|
1975 width: 0; |
|
1976 border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); |
|
1977 border-left-style: solid; |
|
1978 margin-right: 0.9375rem; |
|
1979 margin-top: -4.5px; |
|
1980 position: absolute; |
|
1981 top: 50%; |
|
1982 right: 0; } |
|
1983 .top-bar-section .has-dropdown.moved { |
|
1984 position: static; } |
|
1985 .top-bar-section .has-dropdown.moved > .dropdown { |
|
1986 position: static !important; |
|
1987 height: auto; |
|
1988 width: auto; |
|
1989 overflow: visible; |
|
1990 clip: auto; |
|
1991 display: block; |
|
1992 position: absolute !important; |
|
1993 width: 100%; } |
|
1994 .top-bar-section .has-dropdown.moved > a:after { |
|
1995 display: none; } |
|
1996 .top-bar-section .dropdown { |
|
1997 clip: rect(1px, 1px, 1px, 1px); |
|
1998 height: 1px; |
|
1999 overflow: hidden; |
|
2000 position: absolute !important; |
|
2001 width: 1px; |
|
2002 display: block; |
|
2003 padding: 0; |
|
2004 position: absolute; |
|
2005 top: 0; |
|
2006 z-index: 99; |
|
2007 left: 100%; } |
|
2008 .top-bar-section .dropdown li { |
|
2009 height: auto; |
|
2010 width: 100%; } |
|
2011 .top-bar-section .dropdown li a { |
|
2012 font-weight: normal; |
|
2013 padding: 8px 0.9375rem; } |
|
2014 .top-bar-section .dropdown li a.parent-link { |
|
2015 font-weight: normal; } |
|
2016 .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { |
|
2017 margin-bottom: 0; |
|
2018 margin-top: 0; |
|
2019 font-size: 1.125rem; } |
|
2020 .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { |
|
2021 color: #FFFFFF; |
|
2022 display: block; } |
|
2023 .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { |
|
2024 background: none; } |
|
2025 .top-bar-section .dropdown li.has-form { |
|
2026 padding: 8px 0.9375rem; } |
|
2027 .top-bar-section .dropdown li .button, |
|
2028 .top-bar-section .dropdown li button { |
|
2029 top: auto; } |
|
2030 .top-bar-section .dropdown label { |
|
2031 color: #777777; |
|
2032 font-size: 0.625rem; |
|
2033 font-weight: bold; |
|
2034 margin-bottom: 0; |
|
2035 padding: 8px 0.9375rem 2px; |
|
2036 text-transform: uppercase; } |
|
2037 |
|
2038 .js-generated { |
|
2039 display: block; } |
|
2040 |
|
2041 @media only screen and (min-width: 40.0625em) { |
|
2042 .top-bar { |
|
2043 background: #333333; |
|
2044 overflow: visible; } |
|
2045 .top-bar:before, .top-bar:after { |
|
2046 content: " "; |
|
2047 display: table; } |
|
2048 .top-bar:after { |
|
2049 clear: both; } |
|
2050 .top-bar .toggle-topbar { |
|
2051 display: none; } |
|
2052 .top-bar .title-area { |
|
2053 float: left; } |
|
2054 .top-bar .name h1 a, |
|
2055 .top-bar .name h2 a, |
|
2056 .top-bar .name h3 a, |
|
2057 .top-bar .name h4 a, |
|
2058 .top-bar .name h5 a, |
|
2059 .top-bar .name h6 a { |
|
2060 width: auto; } |
|
2061 .top-bar input, |
|
2062 .top-bar select, |
|
2063 .top-bar .button, |
|
2064 .top-bar button { |
|
2065 font-size: 0.875rem; |
|
2066 height: 1.75rem; |
|
2067 position: relative; |
|
2068 top: 0.53125rem; } |
|
2069 .top-bar.expanded { |
|
2070 background: #333333; } |
|
2071 |
|
2072 .contain-to-grid .top-bar { |
|
2073 margin-bottom: 0; |
|
2074 margin: 0 auto; |
|
2075 max-width: 62.5rem; } |
|
2076 |
|
2077 .top-bar-section { |
|
2078 transition: none 0 0; |
|
2079 left: 0 !important; } |
|
2080 .top-bar-section ul { |
|
2081 display: inline; |
|
2082 height: auto !important; |
|
2083 width: auto; } |
|
2084 .top-bar-section ul li { |
|
2085 float: left; } |
|
2086 .top-bar-section ul li .js-generated { |
|
2087 display: none; } |
|
2088 .top-bar-section li.hover > a:not(.button) { |
|
2089 background-color: #555555; |
|
2090 background: #222222; |
|
2091 color: #FFFFFF; } |
|
2092 .top-bar-section li:not(.has-form) a:not(.button) { |
|
2093 background: #333333; |
|
2094 line-height: 2.8125rem; |
|
2095 padding: 0 0.9375rem; } |
|
2096 .top-bar-section li:not(.has-form) a:not(.button):hover { |
|
2097 background-color: #555555; |
|
2098 background: #222222; } |
|
2099 .top-bar-section li.active:not(.has-form) a:not(.button) { |
|
2100 background: #008CBA; |
|
2101 color: #FFFFFF; |
|
2102 line-height: 2.8125rem; |
|
2103 padding: 0 0.9375rem; } |
|
2104 .top-bar-section li.active:not(.has-form) a:not(.button):hover { |
|
2105 background: #0078a0; |
|
2106 color: #FFFFFF; } |
|
2107 .top-bar-section .has-dropdown > a { |
|
2108 padding-right: 2.1875rem !important; } |
|
2109 .top-bar-section .has-dropdown > a:after { |
|
2110 border: inset 5px; |
|
2111 content: ""; |
|
2112 display: block; |
|
2113 height: 0; |
|
2114 width: 0; |
|
2115 border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; |
|
2116 border-top-style: solid; |
|
2117 margin-top: -2.5px; |
|
2118 top: 1.40625rem; } |
|
2119 .top-bar-section .has-dropdown.moved { |
|
2120 position: relative; } |
|
2121 .top-bar-section .has-dropdown.moved > .dropdown { |
|
2122 clip: rect(1px, 1px, 1px, 1px); |
|
2123 height: 1px; |
|
2124 overflow: hidden; |
|
2125 position: absolute !important; |
|
2126 width: 1px; |
|
2127 display: block; } |
|
2128 .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { |
|
2129 position: static !important; |
|
2130 height: auto; |
|
2131 width: auto; |
|
2132 overflow: visible; |
|
2133 clip: auto; |
|
2134 display: block; |
|
2135 position: absolute !important; } |
|
2136 .top-bar-section .has-dropdown > a:focus + .dropdown { |
|
2137 position: static !important; |
|
2138 height: auto; |
|
2139 width: auto; |
|
2140 overflow: visible; |
|
2141 clip: auto; |
|
2142 display: block; |
|
2143 position: absolute !important; } |
|
2144 .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { |
|
2145 border: none; |
|
2146 content: "\00bb"; |
|
2147 top: 0.1875rem; |
|
2148 right: 5px; } |
|
2149 .top-bar-section .dropdown { |
|
2150 left: 0; |
|
2151 background: transparent; |
|
2152 min-width: 100%; |
|
2153 top: auto; } |
|
2154 .top-bar-section .dropdown li a { |
|
2155 background: #333333; |
|
2156 color: #FFFFFF; |
|
2157 line-height: 2.8125rem; |
|
2158 padding: 12px 0.9375rem; |
|
2159 white-space: nowrap; } |
|
2160 .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { |
|
2161 background: #333333; |
|
2162 color: #FFFFFF; } |
|
2163 .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { |
|
2164 background-color: #555555; |
|
2165 color: #FFFFFF; |
|
2166 background: #222222; } |
|
2167 .top-bar-section .dropdown li label { |
|
2168 background: #333333; |
|
2169 white-space: nowrap; } |
|
2170 .top-bar-section .dropdown li .dropdown { |
|
2171 left: 100%; |
|
2172 top: 0; } |
|
2173 .top-bar-section > ul > .divider, |
|
2174 .top-bar-section > ul > [role="separator"] { |
|
2175 border-right: solid 1px #4e4e4e; |
|
2176 border-bottom: none; |
|
2177 border-top: none; |
|
2178 clear: none; |
|
2179 height: 2.8125rem; |
|
2180 width: 0; } |
|
2181 .top-bar-section .has-form { |
|
2182 background: #333333; |
|
2183 height: 2.8125rem; |
|
2184 padding: 0 0.9375rem; } |
|
2185 .top-bar-section .right li .dropdown { |
|
2186 left: auto; |
|
2187 right: 0; } |
|
2188 .top-bar-section .right li .dropdown li .dropdown { |
|
2189 right: 100%; } |
|
2190 .top-bar-section .left li .dropdown { |
|
2191 right: auto; |
|
2192 left: 0; } |
|
2193 .top-bar-section .left li .dropdown li .dropdown { |
|
2194 left: 100%; } |
|
2195 |
|
2196 .no-js .top-bar-section ul li:hover > a { |
|
2197 background-color: #555555; |
|
2198 background: #222222; |
|
2199 color: #FFFFFF; } |
|
2200 .no-js .top-bar-section ul li:active > a { |
|
2201 background: #008CBA; |
|
2202 color: #FFFFFF; } |
|
2203 .no-js .top-bar-section .has-dropdown:hover > .dropdown { |
|
2204 position: static !important; |
|
2205 height: auto; |
|
2206 width: auto; |
|
2207 overflow: visible; |
|
2208 clip: auto; |
|
2209 display: block; |
|
2210 position: absolute !important; } |
|
2211 .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { |
|
2212 position: static !important; |
|
2213 height: auto; |
|
2214 width: auto; |
|
2215 overflow: visible; |
|
2216 clip: auto; |
|
2217 display: block; |
|
2218 position: absolute !important; } } |
|
2219 .breadcrumbs { |
|
2220 border-style: solid; |
|
2221 border-width: 1px; |
|
2222 display: block; |
|
2223 list-style: none; |
|
2224 margin-left: 0; |
|
2225 overflow: hidden; |
|
2226 padding: 0.5625rem 0.875rem 0.5625rem; |
|
2227 background-color: #f4f4f4; |
|
2228 border-color: gainsboro; |
|
2229 border-radius: 3px; } |
|
2230 .breadcrumbs > * { |
|
2231 color: #008CBA; |
|
2232 float: left; |
|
2233 font-size: 0.6875rem; |
|
2234 line-height: 0.6875rem; |
|
2235 margin: 0; |
|
2236 text-transform: uppercase; } |
|
2237 .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { |
|
2238 text-decoration: underline; } |
|
2239 .breadcrumbs > * a { |
|
2240 color: #008CBA; } |
|
2241 .breadcrumbs > *.current { |
|
2242 color: #333333; |
|
2243 cursor: default; } |
|
2244 .breadcrumbs > *.current a { |
|
2245 color: #333333; |
|
2246 cursor: default; } |
|
2247 .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { |
|
2248 text-decoration: none; } |
|
2249 .breadcrumbs > *.unavailable { |
|
2250 color: #999999; } |
|
2251 .breadcrumbs > *.unavailable a { |
|
2252 color: #999999; } |
|
2253 .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, |
|
2254 .breadcrumbs > *.unavailable a:focus { |
|
2255 color: #999999; |
|
2256 cursor: not-allowed; |
|
2257 text-decoration: none; } |
|
2258 .breadcrumbs > *:before { |
|
2259 color: #AAAAAA; |
|
2260 content: "/"; |
|
2261 margin: 0 0.75rem; |
|
2262 position: relative; |
|
2263 top: 1px; } |
|
2264 .breadcrumbs > *:first-child:before { |
|
2265 content: " "; |
|
2266 margin: 0; } |
|
2267 |
|
2268 /* Accessibility - hides the forward slash */ |
|
2269 [aria-label="breadcrumbs"] [aria-hidden="true"]:after { |
|
2270 content: "/"; } |
|
2271 |
|
2272 .alert-box { |
|
2273 border-style: solid; |
|
2274 border-width: 1px; |
|
2275 display: block; |
|
2276 font-size: 0.8125rem; |
|
2277 font-weight: normal; |
|
2278 margin-bottom: 1.25rem; |
|
2279 padding: 0.875rem 1.5rem 0.875rem 0.875rem; |
|
2280 position: relative; |
|
2281 transition: opacity 300ms ease-out; |
|
2282 background-color: #008CBA; |
|
2283 border-color: #0078a0; |
|
2284 color: #FFFFFF; } |
|
2285 .alert-box .close { |
|
2286 right: 0.25rem; |
|
2287 background: inherit; |
|
2288 color: #333333; |
|
2289 font-size: 1.375rem; |
|
2290 line-height: .9; |
|
2291 margin-top: -0.6875rem; |
|
2292 opacity: 0.3; |
|
2293 padding: 0 6px 4px; |
|
2294 position: absolute; |
|
2295 top: 50%; } |
|
2296 .alert-box .close:hover, .alert-box .close:focus { |
|
2297 opacity: 0.5; } |
|
2298 .alert-box.radius { |
|
2299 border-radius: 3px; } |
|
2300 .alert-box.round { |
|
2301 border-radius: 1000px; } |
|
2302 .alert-box.success { |
|
2303 background-color: #43AC6A; |
|
2304 border-color: #3a945b; |
|
2305 color: #FFFFFF; } |
|
2306 .alert-box.alert { |
|
2307 background-color: #f04124; |
|
2308 border-color: #de2d0f; |
|
2309 color: #FFFFFF; } |
|
2310 .alert-box.secondary { |
|
2311 background-color: #e7e7e7; |
|
2312 border-color: #c7c7c7; |
|
2313 color: #4f4f4f; } |
|
2314 .alert-box.warning { |
|
2315 background-color: #f08a24; |
|
2316 border-color: #de770f; |
|
2317 color: #FFFFFF; } |
|
2318 .alert-box.info { |
|
2319 background-color: #a0d3e8; |
|
2320 border-color: #74bfdd; |
|
2321 color: #4f4f4f; } |
|
2322 .alert-box.alert-close { |
|
2323 opacity: 0; } |
|
2324 |
|
2325 .inline-list { |
|
2326 list-style: none; |
|
2327 margin-left: -1.375rem; |
|
2328 margin-right: 0; |
|
2329 margin: 0 auto 1.0625rem auto; |
|
2330 overflow: hidden; |
|
2331 padding: 0; } |
|
2332 .inline-list > li { |
|
2333 display: block; |
|
2334 float: left; |
|
2335 list-style: none; |
|
2336 margin-left: 1.375rem; } |
|
2337 .inline-list > li > * { |
|
2338 display: block; } |
|
2339 |
|
2340 .button-group { |
|
2341 list-style: none; |
|
2342 margin: 0; |
|
2343 left: 0; } |
|
2344 .button-group:before, .button-group:after { |
|
2345 content: " "; |
|
2346 display: table; } |
|
2347 .button-group:after { |
|
2348 clear: both; } |
|
2349 .button-group.even-2 li { |
|
2350 display: inline-block; |
|
2351 margin: 0 -2px; |
|
2352 width: 50%; } |
|
2353 .button-group.even-2 li > button, .button-group.even-2 li .button { |
|
2354 border-left: 1px solid; |
|
2355 border-color: rgba(255, 255, 255, 0.5); } |
|
2356 .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { |
|
2357 border-left: 0; } |
|
2358 .button-group.even-2 li button, .button-group.even-2 li .button { |
|
2359 width: 100%; } |
|
2360 .button-group.even-3 li { |
|
2361 display: inline-block; |
|
2362 margin: 0 -2px; |
|
2363 width: 33.33333%; } |
|
2364 .button-group.even-3 li > button, .button-group.even-3 li .button { |
|
2365 border-left: 1px solid; |
|
2366 border-color: rgba(255, 255, 255, 0.5); } |
|
2367 .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { |
|
2368 border-left: 0; } |
|
2369 .button-group.even-3 li button, .button-group.even-3 li .button { |
|
2370 width: 100%; } |
|
2371 .button-group.even-4 li { |
|
2372 display: inline-block; |
|
2373 margin: 0 -2px; |
|
2374 width: 25%; } |
|
2375 .button-group.even-4 li > button, .button-group.even-4 li .button { |
|
2376 border-left: 1px solid; |
|
2377 border-color: rgba(255, 255, 255, 0.5); } |
|
2378 .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { |
|
2379 border-left: 0; } |
|
2380 .button-group.even-4 li button, .button-group.even-4 li .button { |
|
2381 width: 100%; } |
|
2382 .button-group.even-5 li { |
|
2383 display: inline-block; |
|
2384 margin: 0 -2px; |
|
2385 width: 20%; } |
|
2386 .button-group.even-5 li > button, .button-group.even-5 li .button { |
|
2387 border-left: 1px solid; |
|
2388 border-color: rgba(255, 255, 255, 0.5); } |
|
2389 .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { |
|
2390 border-left: 0; } |
|
2391 .button-group.even-5 li button, .button-group.even-5 li .button { |
|
2392 width: 100%; } |
|
2393 .button-group.even-6 li { |
|
2394 display: inline-block; |
|
2395 margin: 0 -2px; |
|
2396 width: 16.66667%; } |
|
2397 .button-group.even-6 li > button, .button-group.even-6 li .button { |
|
2398 border-left: 1px solid; |
|
2399 border-color: rgba(255, 255, 255, 0.5); } |
|
2400 .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { |
|
2401 border-left: 0; } |
|
2402 .button-group.even-6 li button, .button-group.even-6 li .button { |
|
2403 width: 100%; } |
|
2404 .button-group.even-7 li { |
|
2405 display: inline-block; |
|
2406 margin: 0 -2px; |
|
2407 width: 14.28571%; } |
|
2408 .button-group.even-7 li > button, .button-group.even-7 li .button { |
|
2409 border-left: 1px solid; |
|
2410 border-color: rgba(255, 255, 255, 0.5); } |
|
2411 .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { |
|
2412 border-left: 0; } |
|
2413 .button-group.even-7 li button, .button-group.even-7 li .button { |
|
2414 width: 100%; } |
|
2415 .button-group.even-8 li { |
|
2416 display: inline-block; |
|
2417 margin: 0 -2px; |
|
2418 width: 12.5%; } |
|
2419 .button-group.even-8 li > button, .button-group.even-8 li .button { |
|
2420 border-left: 1px solid; |
|
2421 border-color: rgba(255, 255, 255, 0.5); } |
|
2422 .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { |
|
2423 border-left: 0; } |
|
2424 .button-group.even-8 li button, .button-group.even-8 li .button { |
|
2425 width: 100%; } |
|
2426 .button-group > li { |
|
2427 display: inline-block; |
|
2428 margin: 0 -2px; } |
|
2429 .button-group > li > button, .button-group > li .button { |
|
2430 border-left: 1px solid; |
|
2431 border-color: rgba(255, 255, 255, 0.5); } |
|
2432 .button-group > li:first-child button, .button-group > li:first-child .button { |
|
2433 border-left: 0; } |
|
2434 .button-group.stack > li { |
|
2435 display: block; |
|
2436 margin: 0; |
|
2437 float: none; } |
|
2438 .button-group.stack > li > button, .button-group.stack > li .button { |
|
2439 border-left: 1px solid; |
|
2440 border-color: rgba(255, 255, 255, 0.5); } |
|
2441 .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { |
|
2442 border-left: 0; } |
|
2443 .button-group.stack > li > button, .button-group.stack > li .button { |
|
2444 border-color: rgba(255, 255, 255, 0.5); |
|
2445 border-left-width: 0; |
|
2446 border-top: 1px solid; |
|
2447 display: block; |
|
2448 margin: 0; } |
|
2449 .button-group.stack > li > button { |
|
2450 width: 100%; } |
|
2451 .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { |
|
2452 border-top: 0; } |
|
2453 .button-group.stack-for-small > li { |
|
2454 display: inline-block; |
|
2455 margin: 0 -2px; } |
|
2456 .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { |
|
2457 border-left: 1px solid; |
|
2458 border-color: rgba(255, 255, 255, 0.5); } |
|
2459 .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { |
|
2460 border-left: 0; } |
|
2461 @media only screen and (max-width: 40em) { |
|
2462 .button-group.stack-for-small > li { |
|
2463 display: block; |
|
2464 margin: 0; } |
|
2465 .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { |
|
2466 border-left: 1px solid; |
|
2467 border-color: rgba(255, 255, 255, 0.5); } |
|
2468 .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { |
|
2469 border-left: 0; } |
|
2470 .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { |
|
2471 border-color: rgba(255, 255, 255, 0.5); |
|
2472 border-left-width: 0; |
|
2473 border-top: 1px solid; |
|
2474 display: block; |
|
2475 margin: 0; } |
|
2476 .button-group.stack-for-small > li > button { |
|
2477 width: 100%; } |
|
2478 .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { |
|
2479 border-top: 0; } } |
|
2480 .button-group.radius > * { |
|
2481 display: inline-block; |
|
2482 margin: 0 -2px; } |
|
2483 .button-group.radius > * > button, .button-group.radius > * .button { |
|
2484 border-left: 1px solid; |
|
2485 border-color: rgba(255, 255, 255, 0.5); } |
|
2486 .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { |
|
2487 border-left: 0; } |
|
2488 .button-group.radius > *, |
|
2489 .button-group.radius > * > a, |
|
2490 .button-group.radius > * > button, |
|
2491 .button-group.radius > * > .button { |
|
2492 border-radius: 0; } |
|
2493 .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { |
|
2494 -webkit-border-bottom-left-radius: 3px; |
|
2495 -webkit-border-top-left-radius: 3px; |
|
2496 border-bottom-left-radius: 3px; |
|
2497 border-top-left-radius: 3px; } |
|
2498 .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { |
|
2499 -webkit-border-bottom-right-radius: 3px; |
|
2500 -webkit-border-top-right-radius: 3px; |
|
2501 border-bottom-right-radius: 3px; |
|
2502 border-top-right-radius: 3px; } |
|
2503 .button-group.radius.stack > * { |
|
2504 display: block; |
|
2505 margin: 0; } |
|
2506 .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { |
|
2507 border-left: 1px solid; |
|
2508 border-color: rgba(255, 255, 255, 0.5); } |
|
2509 .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { |
|
2510 border-left: 0; } |
|
2511 .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { |
|
2512 border-color: rgba(255, 255, 255, 0.5); |
|
2513 border-left-width: 0; |
|
2514 border-top: 1px solid; |
|
2515 display: block; |
|
2516 margin: 0; } |
|
2517 .button-group.radius.stack > * > button { |
|
2518 width: 100%; } |
|
2519 .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { |
|
2520 border-top: 0; } |
|
2521 .button-group.radius.stack > *, |
|
2522 .button-group.radius.stack > * > a, |
|
2523 .button-group.radius.stack > * > button, |
|
2524 .button-group.radius.stack > * > .button { |
|
2525 border-radius: 0; } |
|
2526 .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 { |
|
2527 -webkit-top-left-radius: 3px; |
|
2528 -webkit-top-right-radius: 3px; |
|
2529 border-top-left-radius: 3px; |
|
2530 border-top-right-radius: 3px; } |
|
2531 .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 { |
|
2532 -webkit-bottom-left-radius: 3px; |
|
2533 -webkit-bottom-right-radius: 3px; |
|
2534 border-bottom-left-radius: 3px; |
|
2535 border-bottom-right-radius: 3px; } |
|
2536 @media only screen and (min-width: 40.0625em) { |
|
2537 .button-group.radius.stack-for-small > * { |
|
2538 display: inline-block; |
|
2539 margin: 0 -2px; } |
|
2540 .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { |
|
2541 border-left: 1px solid; |
|
2542 border-color: rgba(255, 255, 255, 0.5); } |
|
2543 .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { |
|
2544 border-left: 0; } |
|
2545 .button-group.radius.stack-for-small > *, |
|
2546 .button-group.radius.stack-for-small > * > a, |
|
2547 .button-group.radius.stack-for-small > * > button, |
|
2548 .button-group.radius.stack-for-small > * > .button { |
|
2549 border-radius: 0; } |
|
2550 .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 { |
|
2551 -webkit-border-bottom-left-radius: 3px; |
|
2552 -webkit-border-top-left-radius: 3px; |
|
2553 border-bottom-left-radius: 3px; |
|
2554 border-top-left-radius: 3px; } |
|
2555 .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 { |
|
2556 -webkit-border-bottom-right-radius: 3px; |
|
2557 -webkit-border-top-right-radius: 3px; |
|
2558 border-bottom-right-radius: 3px; |
|
2559 border-top-right-radius: 3px; } } |
|
2560 @media only screen and (max-width: 40em) { |
|
2561 .button-group.radius.stack-for-small > * { |
|
2562 display: block; |
|
2563 margin: 0; } |
|
2564 .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { |
|
2565 border-left: 1px solid; |
|
2566 border-color: rgba(255, 255, 255, 0.5); } |
|
2567 .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { |
|
2568 border-left: 0; } |
|
2569 .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { |
|
2570 border-color: rgba(255, 255, 255, 0.5); |
|
2571 border-left-width: 0; |
|
2572 border-top: 1px solid; |
|
2573 display: block; |
|
2574 margin: 0; } |
|
2575 .button-group.radius.stack-for-small > * > button { |
|
2576 width: 100%; } |
|
2577 .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { |
|
2578 border-top: 0; } |
|
2579 .button-group.radius.stack-for-small > *, |
|
2580 .button-group.radius.stack-for-small > * > a, |
|
2581 .button-group.radius.stack-for-small > * > button, |
|
2582 .button-group.radius.stack-for-small > * > .button { |
|
2583 border-radius: 0; } |
|
2584 .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 { |
|
2585 -webkit-top-left-radius: 3px; |
|
2586 -webkit-top-right-radius: 3px; |
|
2587 border-top-left-radius: 3px; |
|
2588 border-top-right-radius: 3px; } |
|
2589 .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 { |
|
2590 -webkit-bottom-left-radius: 3px; |
|
2591 -webkit-bottom-right-radius: 3px; |
|
2592 border-bottom-left-radius: 3px; |
|
2593 border-bottom-right-radius: 3px; } } |
|
2594 .button-group.round > * { |
|
2595 display: inline-block; |
|
2596 margin: 0 -2px; } |
|
2597 .button-group.round > * > button, .button-group.round > * .button { |
|
2598 border-left: 1px solid; |
|
2599 border-color: rgba(255, 255, 255, 0.5); } |
|
2600 .button-group.round > *:first-child button, .button-group.round > *:first-child .button { |
|
2601 border-left: 0; } |
|
2602 .button-group.round > *, |
|
2603 .button-group.round > * > a, |
|
2604 .button-group.round > * > button, |
|
2605 .button-group.round > * > .button { |
|
2606 border-radius: 0; } |
|
2607 .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { |
|
2608 -webkit-border-bottom-left-radius: 1000px; |
|
2609 -webkit-border-top-left-radius: 1000px; |
|
2610 border-bottom-left-radius: 1000px; |
|
2611 border-top-left-radius: 1000px; } |
|
2612 .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { |
|
2613 -webkit-border-bottom-right-radius: 1000px; |
|
2614 -webkit-border-top-right-radius: 1000px; |
|
2615 border-bottom-right-radius: 1000px; |
|
2616 border-top-right-radius: 1000px; } |
|
2617 .button-group.round.stack > * { |
|
2618 display: block; |
|
2619 margin: 0; } |
|
2620 .button-group.round.stack > * > button, .button-group.round.stack > * .button { |
|
2621 border-left: 1px solid; |
|
2622 border-color: rgba(255, 255, 255, 0.5); } |
|
2623 .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { |
|
2624 border-left: 0; } |
|
2625 .button-group.round.stack > * > button, .button-group.round.stack > * .button { |
|
2626 border-color: rgba(255, 255, 255, 0.5); |
|
2627 border-left-width: 0; |
|
2628 border-top: 1px solid; |
|
2629 display: block; |
|
2630 margin: 0; } |
|
2631 .button-group.round.stack > * > button { |
|
2632 width: 100%; } |
|
2633 .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { |
|
2634 border-top: 0; } |
|
2635 .button-group.round.stack > *, |
|
2636 .button-group.round.stack > * > a, |
|
2637 .button-group.round.stack > * > button, |
|
2638 .button-group.round.stack > * > .button { |
|
2639 border-radius: 0; } |
|
2640 .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 { |
|
2641 -webkit-top-left-radius: 1rem; |
|
2642 -webkit-top-right-radius: 1rem; |
|
2643 border-top-left-radius: 1rem; |
|
2644 border-top-right-radius: 1rem; } |
|
2645 .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 { |
|
2646 -webkit-bottom-left-radius: 1rem; |
|
2647 -webkit-bottom-right-radius: 1rem; |
|
2648 border-bottom-left-radius: 1rem; |
|
2649 border-bottom-right-radius: 1rem; } |
|
2650 @media only screen and (min-width: 40.0625em) { |
|
2651 .button-group.round.stack-for-small > * { |
|
2652 display: inline-block; |
|
2653 margin: 0 -2px; } |
|
2654 .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { |
|
2655 border-left: 1px solid; |
|
2656 border-color: rgba(255, 255, 255, 0.5); } |
|
2657 .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { |
|
2658 border-left: 0; } |
|
2659 .button-group.round.stack-for-small > *, |
|
2660 .button-group.round.stack-for-small > * > a, |
|
2661 .button-group.round.stack-for-small > * > button, |
|
2662 .button-group.round.stack-for-small > * > .button { |
|
2663 border-radius: 0; } |
|
2664 .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 { |
|
2665 -webkit-border-bottom-left-radius: 1000px; |
|
2666 -webkit-border-top-left-radius: 1000px; |
|
2667 border-bottom-left-radius: 1000px; |
|
2668 border-top-left-radius: 1000px; } |
|
2669 .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 { |
|
2670 -webkit-border-bottom-right-radius: 1000px; |
|
2671 -webkit-border-top-right-radius: 1000px; |
|
2672 border-bottom-right-radius: 1000px; |
|
2673 border-top-right-radius: 1000px; } } |
|
2674 @media only screen and (max-width: 40em) { |
|
2675 .button-group.round.stack-for-small > * { |
|
2676 display: block; |
|
2677 margin: 0; } |
|
2678 .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { |
|
2679 border-left: 1px solid; |
|
2680 border-color: rgba(255, 255, 255, 0.5); } |
|
2681 .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { |
|
2682 border-left: 0; } |
|
2683 .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { |
|
2684 border-color: rgba(255, 255, 255, 0.5); |
|
2685 border-left-width: 0; |
|
2686 border-top: 1px solid; |
|
2687 display: block; |
|
2688 margin: 0; } |
|
2689 .button-group.round.stack-for-small > * > button { |
|
2690 width: 100%; } |
|
2691 .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { |
|
2692 border-top: 0; } |
|
2693 .button-group.round.stack-for-small > *, |
|
2694 .button-group.round.stack-for-small > * > a, |
|
2695 .button-group.round.stack-for-small > * > button, |
|
2696 .button-group.round.stack-for-small > * > .button { |
|
2697 border-radius: 0; } |
|
2698 .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 { |
|
2699 -webkit-top-left-radius: 1rem; |
|
2700 -webkit-top-right-radius: 1rem; |
|
2701 border-top-left-radius: 1rem; |
|
2702 border-top-right-radius: 1rem; } |
|
2703 .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 { |
|
2704 -webkit-bottom-left-radius: 1rem; |
|
2705 -webkit-bottom-right-radius: 1rem; |
|
2706 border-bottom-left-radius: 1rem; |
|
2707 border-bottom-right-radius: 1rem; } } |
|
2708 |
|
2709 .button-bar:before, .button-bar:after { |
|
2710 content: " "; |
|
2711 display: table; } |
|
2712 .button-bar:after { |
|
2713 clear: both; } |
|
2714 .button-bar .button-group { |
|
2715 float: left; |
|
2716 margin-right: 0.625rem; } |
|
2717 .button-bar .button-group div { |
|
2718 overflow: hidden; } |
|
2719 |
|
2720 /* Panels */ |
|
2721 .panel { |
|
2722 border-style: solid; |
|
2723 border-width: 1px; |
|
2724 border-color: #d8d8d8; |
|
2725 margin-bottom: 1.25rem; |
|
2726 padding: 1.25rem; |
|
2727 background: #f2f2f2; |
|
2728 color: #333333; } |
|
2729 .panel > :first-child { |
|
2730 margin-top: 0; } |
|
2731 .panel > :last-child { |
|
2732 margin-bottom: 0; } |
|
2733 .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { |
|
2734 color: #333333; } |
|
2735 .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { |
|
2736 line-height: 1; |
|
2737 margin-bottom: 0.625rem; } |
|
2738 .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { |
|
2739 line-height: 1.4; } |
|
2740 .panel.callout { |
|
2741 border-style: solid; |
|
2742 border-width: 1px; |
|
2743 border-color: #d8d8d8; |
|
2744 margin-bottom: 1.25rem; |
|
2745 padding: 1.25rem; |
|
2746 background: #ecfaff; |
|
2747 color: #333333; } |
|
2748 .panel.callout > :first-child { |
|
2749 margin-top: 0; } |
|
2750 .panel.callout > :last-child { |
|
2751 margin-bottom: 0; } |
|
2752 .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 { |
|
2753 color: #333333; } |
|
2754 .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { |
|
2755 line-height: 1; |
|
2756 margin-bottom: 0.625rem; } |
|
2757 .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { |
|
2758 line-height: 1.4; } |
|
2759 .panel.callout a:not(.button) { |
|
2760 color: #008CBA; } |
|
2761 .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus { |
|
2762 color: #0078a0; } |
|
2763 .panel.radius { |
|
2764 border-radius: 3px; } |
|
2765 |
|
2766 .dropdown.button, button.dropdown { |
|
2767 position: relative; |
|
2768 padding-right: 3.5625rem; } |
|
2769 .dropdown.button::after, button.dropdown::after { |
|
2770 border-color: #FFFFFF transparent transparent transparent; |
|
2771 border-style: solid; |
|
2772 content: ""; |
|
2773 display: block; |
|
2774 height: 0; |
|
2775 position: absolute; |
|
2776 top: 50%; |
|
2777 width: 0; } |
|
2778 .dropdown.button::after, button.dropdown::after { |
|
2779 border-width: 0.375rem; |
|
2780 right: 1.40625rem; |
|
2781 margin-top: -0.15625rem; } |
|
2782 .dropdown.button::after, button.dropdown::after { |
|
2783 border-color: #FFFFFF transparent transparent transparent; } |
|
2784 .dropdown.button.tiny, button.dropdown.tiny { |
|
2785 padding-right: 2.625rem; } |
|
2786 .dropdown.button.tiny:after, button.dropdown.tiny:after { |
|
2787 border-width: 0.375rem; |
|
2788 right: 1.125rem; |
|
2789 margin-top: -0.125rem; } |
|
2790 .dropdown.button.tiny::after, button.dropdown.tiny::after { |
|
2791 border-color: #FFFFFF transparent transparent transparent; } |
|
2792 .dropdown.button.small, button.dropdown.small { |
|
2793 padding-right: 3.0625rem; } |
|
2794 .dropdown.button.small::after, button.dropdown.small::after { |
|
2795 border-width: 0.4375rem; |
|
2796 right: 1.3125rem; |
|
2797 margin-top: -0.15625rem; } |
|
2798 .dropdown.button.small::after, button.dropdown.small::after { |
|
2799 border-color: #FFFFFF transparent transparent transparent; } |
|
2800 .dropdown.button.large, button.dropdown.large { |
|
2801 padding-right: 3.625rem; } |
|
2802 .dropdown.button.large::after, button.dropdown.large::after { |
|
2803 border-width: 0.3125rem; |
|
2804 right: 1.71875rem; |
|
2805 margin-top: -0.15625rem; } |
|
2806 .dropdown.button.large::after, button.dropdown.large::after { |
|
2807 border-color: #FFFFFF transparent transparent transparent; } |
|
2808 .dropdown.button.secondary:after, button.dropdown.secondary:after { |
|
2809 border-color: #333333 transparent transparent transparent; } |
|
2810 |
|
2811 /* Image Thumbnails */ |
|
2812 .th { |
|
2813 border: solid 4px #FFFFFF; |
|
2814 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); |
|
2815 display: inline-block; |
|
2816 line-height: 0; |
|
2817 max-width: 100%; |
|
2818 transition: all 200ms ease-out; } |
|
2819 .th:hover, .th:focus { |
|
2820 box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); } |
|
2821 .th.radius { |
|
2822 border-radius: 3px; } |
|
2823 |
|
2824 /* Pricing Tables */ |
|
2825 .pricing-table { |
|
2826 border: solid 1px #DDDDDD; |
|
2827 margin-left: 0; |
|
2828 margin-bottom: 1.25rem; } |
|
2829 .pricing-table * { |
|
2830 list-style: none; |
|
2831 line-height: 1; } |
|
2832 .pricing-table .title { |
|
2833 background-color: #333333; |
|
2834 color: #EEEEEE; |
|
2835 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
2836 font-size: 1rem; |
|
2837 font-weight: normal; |
|
2838 padding: 0.9375rem 1.25rem; |
|
2839 text-align: center; } |
|
2840 .pricing-table .price { |
|
2841 background-color: #F6F6F6; |
|
2842 color: #333333; |
|
2843 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
2844 font-size: 2rem; |
|
2845 font-weight: normal; |
|
2846 padding: 0.9375rem 1.25rem; |
|
2847 text-align: center; } |
|
2848 .pricing-table .description { |
|
2849 background-color: #FFFFFF; |
|
2850 border-bottom: dotted 1px #DDDDDD; |
|
2851 color: #777777; |
|
2852 font-size: 0.75rem; |
|
2853 font-weight: normal; |
|
2854 line-height: 1.4; |
|
2855 padding: 0.9375rem; |
|
2856 text-align: center; } |
|
2857 .pricing-table .bullet-item { |
|
2858 background-color: #FFFFFF; |
|
2859 border-bottom: dotted 1px #DDDDDD; |
|
2860 color: #333333; |
|
2861 font-size: 0.875rem; |
|
2862 font-weight: normal; |
|
2863 padding: 0.9375rem; |
|
2864 text-align: center; } |
|
2865 .pricing-table .cta-button { |
|
2866 background-color: #FFFFFF; |
|
2867 padding: 1.25rem 1.25rem 0; |
|
2868 text-align: center; } |
|
2869 |
|
2870 @-webkit-keyframes rotate { |
|
2871 from { |
|
2872 -webkit-transform: rotate(0deg); |
|
2873 transform: rotate(0deg); } |
|
2874 to { |
|
2875 -webkit-transform: rotate(360deg); |
|
2876 transform: rotate(360deg); } } |
|
2877 @keyframes rotate { |
|
2878 from { |
|
2879 -webkit-transform: rotate(0deg); |
|
2880 -moz-transform: rotate(0deg); |
|
2881 -ms-transform: rotate(0deg); |
|
2882 transform: rotate(0deg); } |
|
2883 to { |
|
2884 -webkit-transform: rotate(360deg); |
|
2885 -moz-transform: rotate(360deg); |
|
2886 -ms-transform: rotate(360deg); |
|
2887 transform: rotate(360deg); } } |
|
2888 /* Orbit Graceful Loading */ |
|
2889 .slideshow-wrapper { |
|
2890 position: relative; } |
|
2891 .slideshow-wrapper ul { |
|
2892 list-style-type: none; |
|
2893 margin: 0; } |
|
2894 .slideshow-wrapper ul li, |
|
2895 .slideshow-wrapper ul li .orbit-caption { |
|
2896 display: none; } |
|
2897 .slideshow-wrapper ul li:first-child { |
|
2898 display: block; } |
|
2899 .slideshow-wrapper .orbit-container { |
|
2900 background-color: transparent; } |
|
2901 .slideshow-wrapper .orbit-container li { |
|
2902 display: block; } |
|
2903 .slideshow-wrapper .orbit-container li .orbit-caption { |
|
2904 display: block; } |
|
2905 .slideshow-wrapper .orbit-container .orbit-bullets li { |
|
2906 display: inline-block; } |
|
2907 .slideshow-wrapper .preloader { |
|
2908 border-radius: 1000px; |
|
2909 animation-duration: 1.5s; |
|
2910 animation-iteration-count: infinite; |
|
2911 animation-name: rotate; |
|
2912 animation-timing-function: linear; |
|
2913 border-color: #555555 #FFFFFF; |
|
2914 border: solid 3px; |
|
2915 display: block; |
|
2916 height: 40px; |
|
2917 left: 50%; |
|
2918 margin-left: -20px; |
|
2919 margin-top: -20px; |
|
2920 position: absolute; |
|
2921 top: 50%; |
|
2922 width: 40px; } |
|
2923 |
|
2924 .orbit-container { |
|
2925 background: none; |
|
2926 overflow: hidden; |
|
2927 position: relative; |
|
2928 width: 100%; } |
|
2929 .orbit-container .orbit-slides-container { |
|
2930 list-style: none; |
|
2931 margin: 0; |
|
2932 padding: 0; |
|
2933 position: relative; |
|
2934 -webkit-transform: translateZ(0); |
|
2935 -moz-transform: translateZ(0); |
|
2936 -ms-transform: translateZ(0); |
|
2937 -o-transform: translateZ(0); |
|
2938 transform: translateZ(0); } |
|
2939 .orbit-container .orbit-slides-container img { |
|
2940 display: block; |
|
2941 max-width: 100%; } |
|
2942 .orbit-container .orbit-slides-container > * { |
|
2943 position: absolute; |
|
2944 top: 0; |
|
2945 width: 100%; |
|
2946 margin-left: 100%; } |
|
2947 .orbit-container .orbit-slides-container > *:first-child { |
|
2948 margin-left: 0; } |
|
2949 .orbit-container .orbit-slides-container > * .orbit-caption { |
|
2950 bottom: 0; |
|
2951 position: absolute; |
|
2952 background-color: rgba(51, 51, 51, 0.8); |
|
2953 color: #FFFFFF; |
|
2954 font-size: 0.875rem; |
|
2955 padding: 0.625rem 0.875rem; |
|
2956 width: 100%; } |
|
2957 .orbit-container .orbit-slide-number { |
|
2958 left: 10px; |
|
2959 background: transparent; |
|
2960 color: #FFFFFF; |
|
2961 font-size: 12px; |
|
2962 position: absolute; |
|
2963 top: 10px; |
|
2964 z-index: 10; } |
|
2965 .orbit-container .orbit-slide-number span { |
|
2966 font-weight: 700; |
|
2967 padding: 0.3125rem; } |
|
2968 .orbit-container .orbit-timer { |
|
2969 position: absolute; |
|
2970 top: 12px; |
|
2971 right: 10px; |
|
2972 height: 6px; |
|
2973 width: 100px; |
|
2974 z-index: 10; } |
|
2975 .orbit-container .orbit-timer .orbit-progress { |
|
2976 height: 3px; |
|
2977 background-color: rgba(255, 255, 255, 0.3); |
|
2978 display: block; |
|
2979 width: 0; |
|
2980 position: relative; |
|
2981 right: 20px; |
|
2982 top: 5px; } |
|
2983 .orbit-container .orbit-timer > span { |
|
2984 border: solid 4px #FFFFFF; |
|
2985 border-bottom: none; |
|
2986 border-top: none; |
|
2987 display: none; |
|
2988 height: 14px; |
|
2989 position: absolute; |
|
2990 top: 0; |
|
2991 width: 11px; |
|
2992 right: 0; } |
|
2993 .orbit-container .orbit-timer.paused > span { |
|
2994 top: 0; |
|
2995 width: 11px; |
|
2996 height: 14px; |
|
2997 border: inset 8px; |
|
2998 border-left-style: solid; |
|
2999 border-color: transparent; |
|
3000 border-left-color: #FFFFFF; |
|
3001 right: -4px; } |
|
3002 .orbit-container .orbit-timer.paused > span.dark { |
|
3003 border-left-color: #333333; } |
|
3004 .orbit-container:hover .orbit-timer > span { |
|
3005 display: block; } |
|
3006 .orbit-container .orbit-prev, |
|
3007 .orbit-container .orbit-next { |
|
3008 background-color: transparent; |
|
3009 color: white; |
|
3010 height: 60px; |
|
3011 line-height: 50px; |
|
3012 margin-top: -25px; |
|
3013 position: absolute; |
|
3014 text-indent: -9999px !important; |
|
3015 top: 45%; |
|
3016 width: 36px; |
|
3017 z-index: 10; } |
|
3018 .orbit-container .orbit-prev:hover, |
|
3019 .orbit-container .orbit-next:hover { |
|
3020 background-color: rgba(0, 0, 0, 0.3); } |
|
3021 .orbit-container .orbit-prev > span, |
|
3022 .orbit-container .orbit-next > span { |
|
3023 border: inset 10px; |
|
3024 display: block; |
|
3025 height: 0; |
|
3026 margin-top: -10px; |
|
3027 position: absolute; |
|
3028 top: 50%; |
|
3029 width: 0; } |
|
3030 .orbit-container .orbit-prev { |
|
3031 left: 0; } |
|
3032 .orbit-container .orbit-prev > span { |
|
3033 border-right-style: solid; |
|
3034 border-color: transparent; |
|
3035 border-right-color: #FFFFFF; } |
|
3036 .orbit-container .orbit-prev:hover > span { |
|
3037 border-right-color: #FFFFFF; } |
|
3038 .orbit-container .orbit-next { |
|
3039 right: 0; } |
|
3040 .orbit-container .orbit-next > span { |
|
3041 border-color: transparent; |
|
3042 border-left-style: solid; |
|
3043 border-left-color: #FFFFFF; |
|
3044 left: 50%; |
|
3045 margin-left: -4px; } |
|
3046 .orbit-container .orbit-next:hover > span { |
|
3047 border-left-color: #FFFFFF; } |
|
3048 |
|
3049 .orbit-bullets-container { |
|
3050 text-align: center; } |
|
3051 |
|
3052 .orbit-bullets { |
|
3053 display: block; |
|
3054 float: none; |
|
3055 margin: 0 auto 30px auto; |
|
3056 overflow: hidden; |
|
3057 position: relative; |
|
3058 text-align: center; |
|
3059 top: 10px; } |
|
3060 .orbit-bullets li { |
|
3061 background: #CCCCCC; |
|
3062 cursor: pointer; |
|
3063 display: inline-block; |
|
3064 float: none; |
|
3065 height: 0.5625rem; |
|
3066 margin-right: 6px; |
|
3067 width: 0.5625rem; |
|
3068 border-radius: 1000px; } |
|
3069 .orbit-bullets li.active { |
|
3070 background: #999999; } |
|
3071 .orbit-bullets li:last-child { |
|
3072 margin-right: 0; } |
|
3073 |
|
3074 .touch .orbit-container .orbit-prev, |
|
3075 .touch .orbit-container .orbit-next { |
|
3076 display: none; } |
|
3077 .touch .orbit-bullets { |
|
3078 display: none; } |
|
3079 |
|
3080 @media only screen and (min-width: 40.0625em) { |
|
3081 .touch .orbit-container .orbit-prev, |
|
3082 .touch .orbit-container .orbit-next { |
|
3083 display: inherit; } |
|
3084 .touch .orbit-bullets { |
|
3085 display: block; } } |
|
3086 @media only screen and (max-width: 40em) { |
|
3087 .orbit-stack-on-small .orbit-slides-container { |
|
3088 height: auto !important; } |
|
3089 .orbit-stack-on-small .orbit-slides-container > * { |
|
3090 margin: 0 !important; |
|
3091 opacity: 1 !important; |
|
3092 position: relative; } |
|
3093 .orbit-stack-on-small .orbit-slide-number { |
|
3094 display: none; } |
|
3095 |
|
3096 .orbit-timer { |
|
3097 display: none; } |
|
3098 |
|
3099 .orbit-next, .orbit-prev { |
|
3100 display: none; } |
|
3101 |
|
3102 .orbit-bullets { |
|
3103 display: none; } } |
|
3104 [data-magellan-expedition], [data-magellan-expedition-clone] { |
|
3105 background: #FFFFFF; |
|
3106 min-width: 100%; |
|
3107 padding: 10px; |
|
3108 z-index: 50; } |
|
3109 [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { |
|
3110 margin-bottom: 0; } |
|
3111 [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { |
|
3112 margin-bottom: 0; } |
|
3113 [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { |
|
3114 line-height: 1.8em; } |
|
3115 |
|
3116 .icon-bar { |
|
3117 display: inline-block; |
|
3118 font-size: 0; |
|
3119 width: 100%; |
|
3120 background: #333333; } |
|
3121 .icon-bar > * { |
|
3122 display: block; |
|
3123 float: left; |
|
3124 font-size: 1rem; |
|
3125 margin: 0 auto; |
|
3126 padding: 1.25rem; |
|
3127 text-align: center; |
|
3128 width: 25%; } |
|
3129 .icon-bar > * i, .icon-bar > * img { |
|
3130 display: block; |
|
3131 margin: 0 auto; } |
|
3132 .icon-bar > * i + label, .icon-bar > * img + label { |
|
3133 margin-top: .0625rem; } |
|
3134 .icon-bar > * i { |
|
3135 font-size: 1.875rem; |
|
3136 vertical-align: middle; } |
|
3137 .icon-bar > * img { |
|
3138 height: 1.875rem; |
|
3139 width: 1.875rem; } |
|
3140 .icon-bar.label-right > * i, .icon-bar.label-right > * img { |
|
3141 display: inline-block; |
|
3142 margin: 0 .0625rem 0 0; } |
|
3143 .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { |
|
3144 margin-top: 0; } |
|
3145 .icon-bar.label-right > * label { |
|
3146 display: inline-block; } |
|
3147 .icon-bar.vertical.label-right > * { |
|
3148 text-align: left; } |
|
3149 .icon-bar.vertical, .icon-bar.small-vertical { |
|
3150 height: 100%; |
|
3151 width: auto; } |
|
3152 .icon-bar.vertical .item, .icon-bar.small-vertical .item { |
|
3153 float: none; |
|
3154 margin: auto; |
|
3155 width: auto; } |
|
3156 @media only screen and (min-width: 40.0625em) { |
|
3157 .icon-bar.medium-vertical { |
|
3158 height: 100%; |
|
3159 width: auto; } |
|
3160 .icon-bar.medium-vertical .item { |
|
3161 float: none; |
|
3162 margin: auto; |
|
3163 width: auto; } } |
|
3164 @media only screen and (min-width: 64.0625em) { |
|
3165 .icon-bar.large-vertical { |
|
3166 height: 100%; |
|
3167 width: auto; } |
|
3168 .icon-bar.large-vertical .item { |
|
3169 float: none; |
|
3170 margin: auto; |
|
3171 width: auto; } } |
|
3172 .icon-bar > * { |
|
3173 font-size: 1rem; |
|
3174 padding: 1.25rem; } |
|
3175 .icon-bar > * i + label, .icon-bar > * img + label { |
|
3176 margin-top: .0625rem; |
|
3177 font-size: 1rem; } |
|
3178 .icon-bar > * i { |
|
3179 font-size: 1.875rem; } |
|
3180 .icon-bar > * img { |
|
3181 height: 1.875rem; |
|
3182 width: 1.875rem; } |
|
3183 .icon-bar > * label { |
|
3184 color: #FFFFFF; } |
|
3185 .icon-bar > * i { |
|
3186 color: #FFFFFF; } |
|
3187 .icon-bar > a:hover { |
|
3188 background: #008CBA; } |
|
3189 .icon-bar > a:hover label { |
|
3190 color: #FFFFFF; } |
|
3191 .icon-bar > a:hover i { |
|
3192 color: #FFFFFF; } |
|
3193 .icon-bar > a.active { |
|
3194 background: #008CBA; } |
|
3195 .icon-bar > a.active label { |
|
3196 color: #FFFFFF; } |
|
3197 .icon-bar > a.active i { |
|
3198 color: #FFFFFF; } |
|
3199 .icon-bar .item.disabled { |
|
3200 cursor: not-allowed; |
|
3201 opacity: 0.7; |
|
3202 pointer-events: none; } |
|
3203 .icon-bar .item.disabled > * { |
|
3204 opacity: 0.7; |
|
3205 cursor: not-allowed; } |
|
3206 .icon-bar.two-up .item { |
|
3207 width: 50%; } |
|
3208 .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { |
|
3209 width: auto; } |
|
3210 @media only screen and (min-width: 40.0625em) { |
|
3211 .icon-bar.two-up.medium-vertical .item { |
|
3212 width: auto; } } |
|
3213 @media only screen and (min-width: 64.0625em) { |
|
3214 .icon-bar.two-up.large-vertical .item { |
|
3215 width: auto; } } |
|
3216 .icon-bar.three-up .item { |
|
3217 width: 33.3333%; } |
|
3218 .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { |
|
3219 width: auto; } |
|
3220 @media only screen and (min-width: 40.0625em) { |
|
3221 .icon-bar.three-up.medium-vertical .item { |
|
3222 width: auto; } } |
|
3223 @media only screen and (min-width: 64.0625em) { |
|
3224 .icon-bar.three-up.large-vertical .item { |
|
3225 width: auto; } } |
|
3226 .icon-bar.four-up .item { |
|
3227 width: 25%; } |
|
3228 .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { |
|
3229 width: auto; } |
|
3230 @media only screen and (min-width: 40.0625em) { |
|
3231 .icon-bar.four-up.medium-vertical .item { |
|
3232 width: auto; } } |
|
3233 @media only screen and (min-width: 64.0625em) { |
|
3234 .icon-bar.four-up.large-vertical .item { |
|
3235 width: auto; } } |
|
3236 .icon-bar.five-up .item { |
|
3237 width: 20%; } |
|
3238 .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { |
|
3239 width: auto; } |
|
3240 @media only screen and (min-width: 40.0625em) { |
|
3241 .icon-bar.five-up.medium-vertical .item { |
|
3242 width: auto; } } |
|
3243 @media only screen and (min-width: 64.0625em) { |
|
3244 .icon-bar.five-up.large-vertical .item { |
|
3245 width: auto; } } |
|
3246 .icon-bar.six-up .item { |
|
3247 width: 16.66667%; } |
|
3248 .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { |
|
3249 width: auto; } |
|
3250 @media only screen and (min-width: 40.0625em) { |
|
3251 .icon-bar.six-up.medium-vertical .item { |
|
3252 width: auto; } } |
|
3253 @media only screen and (min-width: 64.0625em) { |
|
3254 .icon-bar.six-up.large-vertical .item { |
|
3255 width: auto; } } |
|
3256 .icon-bar.seven-up .item { |
|
3257 width: 14.28571%; } |
|
3258 .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { |
|
3259 width: auto; } |
|
3260 @media only screen and (min-width: 40.0625em) { |
|
3261 .icon-bar.seven-up.medium-vertical .item { |
|
3262 width: auto; } } |
|
3263 @media only screen and (min-width: 64.0625em) { |
|
3264 .icon-bar.seven-up.large-vertical .item { |
|
3265 width: auto; } } |
|
3266 .icon-bar.eight-up .item { |
|
3267 width: 12.5%; } |
|
3268 .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { |
|
3269 width: auto; } |
|
3270 @media only screen and (min-width: 40.0625em) { |
|
3271 .icon-bar.eight-up.medium-vertical .item { |
|
3272 width: auto; } } |
|
3273 @media only screen and (min-width: 64.0625em) { |
|
3274 .icon-bar.eight-up.large-vertical .item { |
|
3275 width: auto; } } |
|
3276 |
|
3277 .icon-bar.two-up .item { |
|
3278 width: 50%; } |
|
3279 .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { |
|
3280 width: auto; } |
|
3281 @media only screen and (min-width: 40.0625em) { |
|
3282 .icon-bar.two-up.medium-vertical .item { |
|
3283 width: auto; } } |
|
3284 @media only screen and (min-width: 64.0625em) { |
|
3285 .icon-bar.two-up.large-vertical .item { |
|
3286 width: auto; } } |
|
3287 .icon-bar.three-up .item { |
|
3288 width: 33.3333%; } |
|
3289 .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { |
|
3290 width: auto; } |
|
3291 @media only screen and (min-width: 40.0625em) { |
|
3292 .icon-bar.three-up.medium-vertical .item { |
|
3293 width: auto; } } |
|
3294 @media only screen and (min-width: 64.0625em) { |
|
3295 .icon-bar.three-up.large-vertical .item { |
|
3296 width: auto; } } |
|
3297 .icon-bar.four-up .item { |
|
3298 width: 25%; } |
|
3299 .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { |
|
3300 width: auto; } |
|
3301 @media only screen and (min-width: 40.0625em) { |
|
3302 .icon-bar.four-up.medium-vertical .item { |
|
3303 width: auto; } } |
|
3304 @media only screen and (min-width: 64.0625em) { |
|
3305 .icon-bar.four-up.large-vertical .item { |
|
3306 width: auto; } } |
|
3307 .icon-bar.five-up .item { |
|
3308 width: 20%; } |
|
3309 .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { |
|
3310 width: auto; } |
|
3311 @media only screen and (min-width: 40.0625em) { |
|
3312 .icon-bar.five-up.medium-vertical .item { |
|
3313 width: auto; } } |
|
3314 @media only screen and (min-width: 64.0625em) { |
|
3315 .icon-bar.five-up.large-vertical .item { |
|
3316 width: auto; } } |
|
3317 .icon-bar.six-up .item { |
|
3318 width: 16.66667%; } |
|
3319 .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { |
|
3320 width: auto; } |
|
3321 @media only screen and (min-width: 40.0625em) { |
|
3322 .icon-bar.six-up.medium-vertical .item { |
|
3323 width: auto; } } |
|
3324 @media only screen and (min-width: 64.0625em) { |
|
3325 .icon-bar.six-up.large-vertical .item { |
|
3326 width: auto; } } |
|
3327 .icon-bar.seven-up .item { |
|
3328 width: 14.28571%; } |
|
3329 .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { |
|
3330 width: auto; } |
|
3331 @media only screen and (min-width: 40.0625em) { |
|
3332 .icon-bar.seven-up.medium-vertical .item { |
|
3333 width: auto; } } |
|
3334 @media only screen and (min-width: 64.0625em) { |
|
3335 .icon-bar.seven-up.large-vertical .item { |
|
3336 width: auto; } } |
|
3337 .icon-bar.eight-up .item { |
|
3338 width: 12.5%; } |
|
3339 .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { |
|
3340 width: auto; } |
|
3341 @media only screen and (min-width: 40.0625em) { |
|
3342 .icon-bar.eight-up.medium-vertical .item { |
|
3343 width: auto; } } |
|
3344 @media only screen and (min-width: 64.0625em) { |
|
3345 .icon-bar.eight-up.large-vertical .item { |
|
3346 width: auto; } } |
|
3347 |
|
3348 .tabs { |
|
3349 margin-bottom: 0 !important; |
|
3350 margin-left: 0; } |
|
3351 .tabs:before, .tabs:after { |
|
3352 content: " "; |
|
3353 display: table; } |
|
3354 .tabs:after { |
|
3355 clear: both; } |
|
3356 .tabs dd, |
|
3357 .tabs .tab-title { |
|
3358 float: left; |
|
3359 list-style: none; |
|
3360 margin-bottom: 0 !important; |
|
3361 position: relative; } |
|
3362 .tabs dd > a, |
|
3363 .tabs .tab-title > a { |
|
3364 display: block; |
|
3365 background-color: #EFEFEF; |
|
3366 color: #222222; |
|
3367 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
3368 font-size: 1rem; |
|
3369 padding: 1rem 2rem; } |
|
3370 .tabs dd > a:hover, |
|
3371 .tabs .tab-title > a:hover { |
|
3372 background-color: #e1e1e1; } |
|
3373 .tabs dd.active a, |
|
3374 .tabs .tab-title.active a { |
|
3375 background-color: #FFFFFF; |
|
3376 color: #222222; } |
|
3377 .tabs.radius dd:first-child a, |
|
3378 .tabs.radius .tab:first-child a { |
|
3379 -webkit-border-bottom-left-radius: 3px; |
|
3380 -webkit-border-top-left-radius: 3px; |
|
3381 border-bottom-left-radius: 3px; |
|
3382 border-top-left-radius: 3px; } |
|
3383 .tabs.radius dd:last-child a, |
|
3384 .tabs.radius .tab:last-child a { |
|
3385 -webkit-border-bottom-right-radius: 3px; |
|
3386 -webkit-border-top-right-radius: 3px; |
|
3387 border-bottom-right-radius: 3px; |
|
3388 border-top-right-radius: 3px; } |
|
3389 .tabs.vertical dd, |
|
3390 .tabs.vertical .tab-title { |
|
3391 position: inherit; |
|
3392 float: none; |
|
3393 display: block; |
|
3394 top: auto; } |
|
3395 |
|
3396 .tabs-content { |
|
3397 margin-bottom: 1.5rem; |
|
3398 width: 100%; } |
|
3399 .tabs-content:before, .tabs-content:after { |
|
3400 content: " "; |
|
3401 display: table; } |
|
3402 .tabs-content:after { |
|
3403 clear: both; } |
|
3404 .tabs-content > .content { |
|
3405 display: none; |
|
3406 float: left; |
|
3407 padding: 0.9375rem 0; |
|
3408 width: 100%; } |
|
3409 .tabs-content > .content.active { |
|
3410 display: block; |
|
3411 float: none; } |
|
3412 .tabs-content > .content.contained { |
|
3413 padding: 0.9375rem; } |
|
3414 .tabs-content.vertical { |
|
3415 display: block; } |
|
3416 .tabs-content.vertical > .content { |
|
3417 padding: 0 0.9375rem; } |
|
3418 |
|
3419 @media only screen and (min-width: 40.0625em) { |
|
3420 .tabs.vertical { |
|
3421 float: left; |
|
3422 margin: 0; |
|
3423 margin-bottom: 1.25rem !important; |
|
3424 max-width: 20%; |
|
3425 width: 20%; } |
|
3426 |
|
3427 .tabs-content.vertical { |
|
3428 float: left; |
|
3429 margin-left: -1px; |
|
3430 max-width: 80%; |
|
3431 padding-left: 1rem; |
|
3432 width: 80%; } } |
|
3433 .no-js .tabs-content > .content { |
|
3434 display: block; |
|
3435 float: none; } |
|
3436 |
|
3437 ul.pagination { |
|
3438 display: block; |
|
3439 margin-left: -0.3125rem; |
|
3440 min-height: 1.5rem; } |
|
3441 ul.pagination li { |
|
3442 color: #222222; |
|
3443 font-size: 0.875rem; |
|
3444 height: 1.5rem; |
|
3445 margin-left: 0.3125rem; } |
|
3446 ul.pagination li a, ul.pagination li button { |
|
3447 border-radius: 3px; |
|
3448 transition: background-color 300ms ease-out; |
|
3449 background: none; |
|
3450 color: #999999; |
|
3451 display: block; |
|
3452 font-size: 1em; |
|
3453 font-weight: normal; |
|
3454 line-height: inherit; |
|
3455 padding: 0.0625rem 0.625rem 0.0625rem; } |
|
3456 ul.pagination li:hover a, |
|
3457 ul.pagination li a:focus, ul.pagination li:hover button, |
|
3458 ul.pagination li button:focus { |
|
3459 background: #e6e6e6; } |
|
3460 ul.pagination li.unavailable a, ul.pagination li.unavailable button { |
|
3461 cursor: default; |
|
3462 color: #999999; } |
|
3463 ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { |
|
3464 background: transparent; } |
|
3465 ul.pagination li.current a, ul.pagination li.current button { |
|
3466 background: #008CBA; |
|
3467 color: #FFFFFF; |
|
3468 cursor: default; |
|
3469 font-weight: bold; } |
|
3470 ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { |
|
3471 background: #008CBA; } |
|
3472 ul.pagination li { |
|
3473 display: block; |
|
3474 float: left; } |
|
3475 |
|
3476 /* Pagination centred wrapper */ |
|
3477 .pagination-centered { |
|
3478 text-align: center; } |
|
3479 .pagination-centered ul.pagination li { |
|
3480 display: inline-block; |
|
3481 float: none; } |
|
3482 |
|
3483 .side-nav { |
|
3484 display: block; |
|
3485 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
3486 list-style-position: outside; |
|
3487 list-style-type: none; |
|
3488 margin: 0; |
|
3489 padding: 0.875rem 0; } |
|
3490 .side-nav li { |
|
3491 font-size: 0.875rem; |
|
3492 font-weight: normal; |
|
3493 margin: 0 0 0.4375rem 0; } |
|
3494 .side-nav li a:not(.button) { |
|
3495 color: #008CBA; |
|
3496 display: block; |
|
3497 margin: 0; |
|
3498 padding: 0.4375rem 0.875rem; } |
|
3499 .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { |
|
3500 background: rgba(0, 0, 0, 0.025); |
|
3501 color: #1cc7ff; } |
|
3502 .side-nav li a:not(.button):active { |
|
3503 color: #1cc7ff; } |
|
3504 .side-nav li.active > a:first-child:not(.button) { |
|
3505 color: #1cc7ff; |
|
3506 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
3507 font-weight: normal; } |
|
3508 .side-nav li.divider { |
|
3509 border-top: 1px solid; |
|
3510 height: 0; |
|
3511 list-style: none; |
|
3512 padding: 0; |
|
3513 border-top-color: #e6e6e6; } |
|
3514 .side-nav li.heading { |
|
3515 color: #008CBA; |
|
3516 font-size: 0.875rem; |
|
3517 font-weight: bold; |
|
3518 text-transform: uppercase; } |
|
3519 |
|
3520 .accordion { |
|
3521 margin-bottom: 0; } |
|
3522 .accordion:before, .accordion:after { |
|
3523 content: " "; |
|
3524 display: table; } |
|
3525 .accordion:after { |
|
3526 clear: both; } |
|
3527 .accordion .accordion-navigation, .accordion dd { |
|
3528 display: block; |
|
3529 margin-bottom: 0 !important; } |
|
3530 .accordion .accordion-navigation.active > a, .accordion dd.active > a { |
|
3531 background: #e8e8e8; } |
|
3532 .accordion .accordion-navigation > a, .accordion dd > a { |
|
3533 background: #EFEFEF; |
|
3534 color: #222222; |
|
3535 display: block; |
|
3536 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
3537 font-size: 1rem; |
|
3538 padding: 1rem; } |
|
3539 .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { |
|
3540 background: #e3e3e3; } |
|
3541 .accordion .accordion-navigation > .content, .accordion dd > .content { |
|
3542 display: none; |
|
3543 padding: 0.9375rem; } |
|
3544 .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { |
|
3545 background: #FFFFFF; |
|
3546 display: block; } |
|
3547 |
|
3548 .text-left { |
|
3549 text-align: left !important; } |
|
3550 |
|
3551 .text-right { |
|
3552 text-align: right !important; } |
|
3553 |
|
3554 .text-center { |
|
3555 text-align: center !important; } |
|
3556 |
|
3557 .text-justify { |
|
3558 text-align: justify !important; } |
|
3559 |
|
3560 @media only screen and (max-width: 40em) { |
|
3561 .small-only-text-left { |
|
3562 text-align: left !important; } |
|
3563 |
|
3564 .small-only-text-right { |
|
3565 text-align: right !important; } |
|
3566 |
|
3567 .small-only-text-center { |
|
3568 text-align: center !important; } |
|
3569 |
|
3570 .small-only-text-justify { |
|
3571 text-align: justify !important; } } |
|
3572 @media only screen { |
|
3573 .small-text-left { |
|
3574 text-align: left !important; } |
|
3575 |
|
3576 .small-text-right { |
|
3577 text-align: right !important; } |
|
3578 |
|
3579 .small-text-center { |
|
3580 text-align: center !important; } |
|
3581 |
|
3582 .small-text-justify { |
|
3583 text-align: justify !important; } } |
|
3584 @media only screen and (min-width: 40.0625em) and (max-width: 64em) { |
|
3585 .medium-only-text-left { |
|
3586 text-align: left !important; } |
|
3587 |
|
3588 .medium-only-text-right { |
|
3589 text-align: right !important; } |
|
3590 |
|
3591 .medium-only-text-center { |
|
3592 text-align: center !important; } |
|
3593 |
|
3594 .medium-only-text-justify { |
|
3595 text-align: justify !important; } } |
|
3596 @media only screen and (min-width: 40.0625em) { |
|
3597 .medium-text-left { |
|
3598 text-align: left !important; } |
|
3599 |
|
3600 .medium-text-right { |
|
3601 text-align: right !important; } |
|
3602 |
|
3603 .medium-text-center { |
|
3604 text-align: center !important; } |
|
3605 |
|
3606 .medium-text-justify { |
|
3607 text-align: justify !important; } } |
|
3608 @media only screen and (min-width: 64.0625em) and (max-width: 90em) { |
|
3609 .large-only-text-left { |
|
3610 text-align: left !important; } |
|
3611 |
|
3612 .large-only-text-right { |
|
3613 text-align: right !important; } |
|
3614 |
|
3615 .large-only-text-center { |
|
3616 text-align: center !important; } |
|
3617 |
|
3618 .large-only-text-justify { |
|
3619 text-align: justify !important; } } |
|
3620 @media only screen and (min-width: 64.0625em) { |
|
3621 .large-text-left { |
|
3622 text-align: left !important; } |
|
3623 |
|
3624 .large-text-right { |
|
3625 text-align: right !important; } |
|
3626 |
|
3627 .large-text-center { |
|
3628 text-align: center !important; } |
|
3629 |
|
3630 .large-text-justify { |
|
3631 text-align: justify !important; } } |
|
3632 @media only screen and (min-width: 90.0625em) and (max-width: 120em) { |
|
3633 .xlarge-only-text-left { |
|
3634 text-align: left !important; } |
|
3635 |
|
3636 .xlarge-only-text-right { |
|
3637 text-align: right !important; } |
|
3638 |
|
3639 .xlarge-only-text-center { |
|
3640 text-align: center !important; } |
|
3641 |
|
3642 .xlarge-only-text-justify { |
|
3643 text-align: justify !important; } } |
|
3644 @media only screen and (min-width: 90.0625em) { |
|
3645 .xlarge-text-left { |
|
3646 text-align: left !important; } |
|
3647 |
|
3648 .xlarge-text-right { |
|
3649 text-align: right !important; } |
|
3650 |
|
3651 .xlarge-text-center { |
|
3652 text-align: center !important; } |
|
3653 |
|
3654 .xlarge-text-justify { |
|
3655 text-align: justify !important; } } |
|
3656 @media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) { |
|
3657 .xxlarge-only-text-left { |
|
3658 text-align: left !important; } |
|
3659 |
|
3660 .xxlarge-only-text-right { |
|
3661 text-align: right !important; } |
|
3662 |
|
3663 .xxlarge-only-text-center { |
|
3664 text-align: center !important; } |
|
3665 |
|
3666 .xxlarge-only-text-justify { |
|
3667 text-align: justify !important; } } |
|
3668 @media only screen and (min-width: 120.0625em) { |
|
3669 .xxlarge-text-left { |
|
3670 text-align: left !important; } |
|
3671 |
|
3672 .xxlarge-text-right { |
|
3673 text-align: right !important; } |
|
3674 |
|
3675 .xxlarge-text-center { |
|
3676 text-align: center !important; } |
|
3677 |
|
3678 .xxlarge-text-justify { |
|
3679 text-align: justify !important; } } |
|
3680 /* Typography resets */ |
|
3681 div, |
|
3682 dl, |
|
3683 dt, |
|
3684 dd, |
|
3685 ul, |
|
3686 ol, |
|
3687 li, |
|
3688 h1, |
|
3689 h2, |
|
3690 h3, |
|
3691 h4, |
|
3692 h5, |
|
3693 h6, |
|
3694 pre, |
|
3695 form, |
|
3696 p, |
|
3697 blockquote, |
|
3698 th, |
|
3699 td { |
|
3700 margin: 0; |
|
3701 padding: 0; } |
|
3702 |
|
3703 /* Default Link Styles */ |
|
3704 a { |
|
3705 color: #008CBA; |
|
3706 line-height: inherit; |
|
3707 text-decoration: none; } |
|
3708 a:hover, a:focus { |
|
3709 color: #0078a0; } |
|
3710 a img { |
|
3711 border: none; } |
|
3712 |
|
3713 /* Default paragraph styles */ |
|
3714 p { |
|
3715 font-family: inherit; |
|
3716 font-size: 1rem; |
|
3717 font-weight: normal; |
|
3718 line-height: 1.6; |
|
3719 margin-bottom: 1.25rem; |
|
3720 text-rendering: optimizeLegibility; } |
|
3721 p.lead { |
|
3722 font-size: 1.21875rem; |
|
3723 line-height: 1.6; } |
|
3724 p aside { |
|
3725 font-size: 0.875rem; |
|
3726 font-style: italic; |
|
3727 line-height: 1.35; } |
|
3728 |
|
3729 /* Default header styles */ |
|
3730 h1, h2, h3, h4, h5, h6 { |
|
3731 color: #222222; |
|
3732 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
3733 font-style: normal; |
|
3734 font-weight: normal; |
|
3735 line-height: 1.4; |
|
3736 margin-bottom: 0.5rem; |
|
3737 margin-top: 0.2rem; |
|
3738 text-rendering: optimizeLegibility; } |
|
3739 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { |
|
3740 color: #6f6f6f; |
|
3741 font-size: 60%; |
|
3742 line-height: 0; } |
|
3743 |
|
3744 h1 { |
|
3745 font-size: 2.125rem; } |
|
3746 |
|
3747 h2 { |
|
3748 font-size: 1.6875rem; } |
|
3749 |
|
3750 h3 { |
|
3751 font-size: 1.375rem; } |
|
3752 |
|
3753 h4 { |
|
3754 font-size: 1.125rem; } |
|
3755 |
|
3756 h5 { |
|
3757 font-size: 1.125rem; } |
|
3758 |
|
3759 h6 { |
|
3760 font-size: 1rem; } |
|
3761 |
|
3762 .subheader { |
|
3763 line-height: 1.4; |
|
3764 color: #6f6f6f; |
|
3765 font-weight: normal; |
|
3766 margin-top: 0.2rem; |
|
3767 margin-bottom: 0.5rem; } |
|
3768 |
|
3769 hr { |
|
3770 border: solid #DDDDDD; |
|
3771 border-width: 1px 0 0; |
|
3772 clear: both; |
|
3773 height: 0; |
|
3774 margin: 1.25rem 0 1.1875rem; } |
|
3775 |
|
3776 /* Helpful Typography Defaults */ |
|
3777 em, |
|
3778 i { |
|
3779 font-style: italic; |
|
3780 line-height: inherit; } |
|
3781 |
|
3782 strong, |
|
3783 b { |
|
3784 font-weight: bold; |
|
3785 line-height: inherit; } |
|
3786 |
|
3787 small { |
|
3788 font-size: 60%; |
|
3789 line-height: inherit; } |
|
3790 |
|
3791 code { |
|
3792 background-color: #f8f8f8; |
|
3793 border-color: #dfdfdf; |
|
3794 border-style: solid; |
|
3795 border-width: 1px; |
|
3796 color: #333333; |
|
3797 font-family: Consolas, "Liberation Mono", Courier, monospace; |
|
3798 font-weight: normal; |
|
3799 padding: 0.125rem 0.3125rem 0.0625rem; } |
|
3800 |
|
3801 /* Lists */ |
|
3802 ul, |
|
3803 ol, |
|
3804 dl { |
|
3805 font-family: inherit; |
|
3806 font-size: 1rem; |
|
3807 line-height: 1.6; |
|
3808 list-style-position: outside; |
|
3809 margin-bottom: 1.25rem; } |
|
3810 |
|
3811 ul { |
|
3812 margin-left: 1.1rem; } |
|
3813 ul.no-bullet { |
|
3814 margin-left: 0; } |
|
3815 ul.no-bullet li ul, |
|
3816 ul.no-bullet li ol { |
|
3817 margin-left: 1.25rem; |
|
3818 margin-bottom: 0; |
|
3819 list-style: none; } |
|
3820 |
|
3821 /* Unordered Lists */ |
|
3822 ul li ul, |
|
3823 ul li ol { |
|
3824 margin-left: 1.25rem; |
|
3825 margin-bottom: 0; } |
|
3826 ul.square li ul, ul.circle li ul, ul.disc li ul { |
|
3827 list-style: inherit; } |
|
3828 ul.square { |
|
3829 list-style-type: square; |
|
3830 margin-left: 1.1rem; } |
|
3831 ul.circle { |
|
3832 list-style-type: circle; |
|
3833 margin-left: 1.1rem; } |
|
3834 ul.disc { |
|
3835 list-style-type: disc; |
|
3836 margin-left: 1.1rem; } |
|
3837 ul.no-bullet { |
|
3838 list-style: none; } |
|
3839 |
|
3840 /* Ordered Lists */ |
|
3841 ol { |
|
3842 margin-left: 1.4rem; } |
|
3843 ol li ul, |
|
3844 ol li ol { |
|
3845 margin-left: 1.25rem; |
|
3846 margin-bottom: 0; } |
|
3847 |
|
3848 /* Definition Lists */ |
|
3849 dl dt { |
|
3850 margin-bottom: 0.3rem; |
|
3851 font-weight: bold; } |
|
3852 dl dd { |
|
3853 margin-bottom: 0.75rem; } |
|
3854 |
|
3855 /* Abbreviations */ |
|
3856 abbr, |
|
3857 acronym { |
|
3858 text-transform: uppercase; |
|
3859 font-size: 90%; |
|
3860 color: #222; |
|
3861 cursor: help; } |
|
3862 |
|
3863 abbr { |
|
3864 text-transform: none; } |
|
3865 abbr[title] { |
|
3866 border-bottom: 1px dotted #DDDDDD; } |
|
3867 |
|
3868 /* Blockquotes */ |
|
3869 blockquote { |
|
3870 margin: 0 0 1.25rem; |
|
3871 padding: 0.5625rem 1.25rem 0 1.1875rem; |
|
3872 border-left: 1px solid #DDDDDD; } |
|
3873 blockquote cite { |
|
3874 display: block; |
|
3875 font-size: 0.8125rem; |
|
3876 color: #555555; } |
|
3877 blockquote cite:before { |
|
3878 content: "\2014 \0020"; } |
|
3879 blockquote cite a, |
|
3880 blockquote cite a:visited { |
|
3881 color: #555555; } |
|
3882 |
|
3883 blockquote, |
|
3884 blockquote p { |
|
3885 line-height: 1.6; |
|
3886 color: #6f6f6f; } |
|
3887 |
|
3888 /* Microformats */ |
|
3889 .vcard { |
|
3890 display: inline-block; |
|
3891 margin: 0 0 1.25rem 0; |
|
3892 border: 1px solid #DDDDDD; |
|
3893 padding: 0.625rem 0.75rem; } |
|
3894 .vcard li { |
|
3895 margin: 0; |
|
3896 display: block; } |
|
3897 .vcard .fn { |
|
3898 font-weight: bold; |
|
3899 font-size: 0.9375rem; } |
|
3900 |
|
3901 .vevent .summary { |
|
3902 font-weight: bold; } |
|
3903 .vevent abbr { |
|
3904 cursor: default; |
|
3905 text-decoration: none; |
|
3906 font-weight: bold; |
|
3907 border: none; |
|
3908 padding: 0 0.0625rem; } |
|
3909 |
|
3910 @media only screen and (min-width: 40.0625em) { |
|
3911 h1, h2, h3, h4, h5, h6 { |
|
3912 line-height: 1.4; } |
|
3913 |
|
3914 h1 { |
|
3915 font-size: 2.75rem; } |
|
3916 |
|
3917 h2 { |
|
3918 font-size: 2.3125rem; } |
|
3919 |
|
3920 h3 { |
|
3921 font-size: 1.6875rem; } |
|
3922 |
|
3923 h4 { |
|
3924 font-size: 1.4375rem; } |
|
3925 |
|
3926 h5 { |
|
3927 font-size: 1.125rem; } |
|
3928 |
|
3929 h6 { |
|
3930 font-size: 1rem; } } |
|
3931 .split.button { |
|
3932 position: relative; |
|
3933 padding-right: 5.0625rem; } |
|
3934 .split.button span { |
|
3935 display: block; |
|
3936 height: 100%; |
|
3937 position: absolute; |
|
3938 right: 0; |
|
3939 top: 0; |
|
3940 border-left: solid 1px; } |
|
3941 .split.button span:after { |
|
3942 position: absolute; |
|
3943 content: ""; |
|
3944 width: 0; |
|
3945 height: 0; |
|
3946 display: block; |
|
3947 border-style: inset; |
|
3948 top: 50%; |
|
3949 left: 50%; } |
|
3950 .split.button span:active { |
|
3951 background-color: rgba(0, 0, 0, 0.1); } |
|
3952 .split.button span { |
|
3953 border-left-color: rgba(255, 255, 255, 0.5); } |
|
3954 .split.button span { |
|
3955 width: 3.09375rem; } |
|
3956 .split.button span:after { |
|
3957 border-top-style: solid; |
|
3958 border-width: 0.375rem; |
|
3959 margin-left: -0.375rem; |
|
3960 top: 48%; } |
|
3961 .split.button span:after { |
|
3962 border-color: #FFFFFF transparent transparent transparent; } |
|
3963 .split.button.secondary span { |
|
3964 border-left-color: rgba(255, 255, 255, 0.5); } |
|
3965 .split.button.secondary span:after { |
|
3966 border-color: #FFFFFF transparent transparent transparent; } |
|
3967 .split.button.alert span { |
|
3968 border-left-color: rgba(255, 255, 255, 0.5); } |
|
3969 .split.button.success span { |
|
3970 border-left-color: rgba(255, 255, 255, 0.5); } |
|
3971 .split.button.tiny { |
|
3972 padding-right: 3.75rem; } |
|
3973 .split.button.tiny span { |
|
3974 width: 2.25rem; } |
|
3975 .split.button.tiny span:after { |
|
3976 border-top-style: solid; |
|
3977 border-width: 0.375rem; |
|
3978 margin-left: -0.375rem; |
|
3979 top: 48%; } |
|
3980 .split.button.small { |
|
3981 padding-right: 4.375rem; } |
|
3982 .split.button.small span { |
|
3983 width: 2.625rem; } |
|
3984 .split.button.small span:after { |
|
3985 border-top-style: solid; |
|
3986 border-width: 0.4375rem; |
|
3987 margin-left: -0.375rem; |
|
3988 top: 48%; } |
|
3989 .split.button.large { |
|
3990 padding-right: 5.5rem; } |
|
3991 .split.button.large span { |
|
3992 width: 3.4375rem; } |
|
3993 .split.button.large span:after { |
|
3994 border-top-style: solid; |
|
3995 border-width: 0.3125rem; |
|
3996 margin-left: -0.375rem; |
|
3997 top: 48%; } |
|
3998 .split.button.expand { |
|
3999 padding-left: 2rem; } |
|
4000 .split.button.secondary span:after { |
|
4001 border-color: #333333 transparent transparent transparent; } |
|
4002 .split.button.radius span { |
|
4003 -webkit-border-bottom-right-radius: 3px; |
|
4004 -webkit-border-top-right-radius: 3px; |
|
4005 border-bottom-right-radius: 3px; |
|
4006 border-top-right-radius: 3px; } |
|
4007 .split.button.round span { |
|
4008 -webkit-border-bottom-right-radius: 1000px; |
|
4009 -webkit-border-top-right-radius: 1000px; |
|
4010 border-bottom-right-radius: 1000px; |
|
4011 border-top-right-radius: 1000px; } |
|
4012 .split.button.no-pip span:before { |
|
4013 border-style: none; } |
|
4014 .split.button.no-pip span:after { |
|
4015 border-style: none; } |
|
4016 .split.button.no-pip span > i { |
|
4017 display: block; |
|
4018 left: 50%; |
|
4019 margin-left: -0.28889em; |
|
4020 margin-top: -0.48889em; |
|
4021 position: absolute; |
|
4022 top: 50%; } |
|
4023 |
|
4024 .reveal-modal-bg { |
|
4025 background: #000000; |
|
4026 background: rgba(0, 0, 0, 0.45); |
|
4027 bottom: 0; |
|
4028 display: none; |
|
4029 left: 0; |
|
4030 position: fixed; |
|
4031 right: 0; |
|
4032 top: 0; |
|
4033 z-index: 1004; |
|
4034 left: 0; } |
|
4035 |
|
4036 .reveal-modal { |
|
4037 border-radius: 3px; |
|
4038 display: none; |
|
4039 position: absolute; |
|
4040 top: 0; |
|
4041 visibility: hidden; |
|
4042 width: 100%; |
|
4043 z-index: 1005; |
|
4044 left: 0; |
|
4045 background-color: #FFFFFF; |
|
4046 padding: 1.875rem; |
|
4047 border: solid 1px #666666; |
|
4048 box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } |
|
4049 @media only screen and (max-width: 40em) { |
|
4050 .reveal-modal { |
|
4051 min-height: 100vh; } } |
|
4052 .reveal-modal .column, .reveal-modal .columns { |
|
4053 min-width: 0; } |
|
4054 .reveal-modal > :first-child { |
|
4055 margin-top: 0; } |
|
4056 .reveal-modal > :last-child { |
|
4057 margin-bottom: 0; } |
|
4058 @media only screen and (min-width: 40.0625em) { |
|
4059 .reveal-modal { |
|
4060 left: 0; |
|
4061 margin: 0 auto; |
|
4062 max-width: 62.5rem; |
|
4063 right: 0; |
|
4064 width: 80%; } } |
|
4065 @media only screen and (min-width: 40.0625em) { |
|
4066 .reveal-modal { |
|
4067 top: 6.25rem; } } |
|
4068 .reveal-modal.radius { |
|
4069 border-radius: 3px; } |
|
4070 .reveal-modal.round { |
|
4071 border-radius: 1000px; } |
|
4072 .reveal-modal.collapse { |
|
4073 padding: 0; } |
|
4074 @media only screen and (min-width: 40.0625em) { |
|
4075 .reveal-modal.tiny { |
|
4076 left: 0; |
|
4077 margin: 0 auto; |
|
4078 max-width: 62.5rem; |
|
4079 right: 0; |
|
4080 width: 30%; } } |
|
4081 @media only screen and (min-width: 40.0625em) { |
|
4082 .reveal-modal.small { |
|
4083 left: 0; |
|
4084 margin: 0 auto; |
|
4085 max-width: 62.5rem; |
|
4086 right: 0; |
|
4087 width: 40%; } } |
|
4088 @media only screen and (min-width: 40.0625em) { |
|
4089 .reveal-modal.medium { |
|
4090 left: 0; |
|
4091 margin: 0 auto; |
|
4092 max-width: 62.5rem; |
|
4093 right: 0; |
|
4094 width: 60%; } } |
|
4095 @media only screen and (min-width: 40.0625em) { |
|
4096 .reveal-modal.large { |
|
4097 left: 0; |
|
4098 margin: 0 auto; |
|
4099 max-width: 62.5rem; |
|
4100 right: 0; |
|
4101 width: 70%; } } |
|
4102 @media only screen and (min-width: 40.0625em) { |
|
4103 .reveal-modal.xlarge { |
|
4104 left: 0; |
|
4105 margin: 0 auto; |
|
4106 max-width: 62.5rem; |
|
4107 right: 0; |
|
4108 width: 95%; } } |
|
4109 .reveal-modal.full { |
|
4110 height: 100vh; |
|
4111 height: 100%; |
|
4112 left: 0; |
|
4113 margin-left: 0 !important; |
|
4114 max-width: none !important; |
|
4115 min-height: 100vh; |
|
4116 top: 0; } |
|
4117 @media only screen and (min-width: 40.0625em) { |
|
4118 .reveal-modal.full { |
|
4119 left: 0; |
|
4120 margin: 0 auto; |
|
4121 max-width: 62.5rem; |
|
4122 right: 0; |
|
4123 width: 100%; } } |
|
4124 .reveal-modal.toback { |
|
4125 z-index: 1003; } |
|
4126 .reveal-modal .close-reveal-modal { |
|
4127 color: #AAAAAA; |
|
4128 cursor: pointer; |
|
4129 font-size: 2.5rem; |
|
4130 font-weight: bold; |
|
4131 line-height: 1; |
|
4132 position: absolute; |
|
4133 top: 0.625rem; |
|
4134 right: 1.375rem; } |
|
4135 |
|
4136 /* Tooltips */ |
|
4137 .has-tip { |
|
4138 border-bottom: dotted 1px #CCCCCC; |
|
4139 color: #333333; |
|
4140 cursor: help; |
|
4141 font-weight: bold; } |
|
4142 .has-tip:hover, .has-tip:focus { |
|
4143 border-bottom: dotted 1px #003f54; |
|
4144 color: #008CBA; } |
|
4145 .has-tip.tip-left, .has-tip.tip-right { |
|
4146 float: none !important; } |
|
4147 |
|
4148 .tooltip { |
|
4149 background: #333333; |
|
4150 color: #FFFFFF; |
|
4151 display: none; |
|
4152 font-size: 0.875rem; |
|
4153 font-weight: normal; |
|
4154 line-height: 1.3; |
|
4155 max-width: 300px; |
|
4156 padding: 0.75rem; |
|
4157 position: absolute; |
|
4158 width: 100%; |
|
4159 z-index: 1006; |
|
4160 left: 50%; } |
|
4161 .tooltip > .nub { |
|
4162 border-color: transparent transparent #333333 transparent; |
|
4163 border: solid 5px; |
|
4164 display: block; |
|
4165 height: 0; |
|
4166 pointer-events: none; |
|
4167 position: absolute; |
|
4168 top: -10px; |
|
4169 width: 0; |
|
4170 left: 5px; } |
|
4171 .tooltip > .nub.rtl { |
|
4172 left: auto; |
|
4173 right: 5px; } |
|
4174 .tooltip.radius { |
|
4175 border-radius: 3px; } |
|
4176 .tooltip.round { |
|
4177 border-radius: 1000px; } |
|
4178 .tooltip.round > .nub { |
|
4179 left: 2rem; } |
|
4180 .tooltip.opened { |
|
4181 border-bottom: dotted 1px #003f54 !important; |
|
4182 color: #008CBA !important; } |
|
4183 |
|
4184 .tap-to-close { |
|
4185 color: #777777; |
|
4186 display: block; |
|
4187 font-size: 0.625rem; |
|
4188 font-weight: normal; } |
|
4189 |
|
4190 @media only screen and (min-width: 40.0625em) { |
|
4191 .tooltip > .nub { |
|
4192 border-color: transparent transparent #333333 transparent; |
|
4193 top: -10px; } |
|
4194 .tooltip.tip-top > .nub { |
|
4195 border-color: #333333 transparent transparent transparent; |
|
4196 bottom: -10px; |
|
4197 top: auto; } |
|
4198 .tooltip.tip-left, .tooltip.tip-right { |
|
4199 float: none !important; } |
|
4200 .tooltip.tip-left > .nub { |
|
4201 border-color: transparent transparent transparent #333333; |
|
4202 left: auto; |
|
4203 margin-top: -5px; |
|
4204 right: -10px; |
|
4205 top: 50%; } |
|
4206 .tooltip.tip-right > .nub { |
|
4207 border-color: transparent #333333 transparent transparent; |
|
4208 left: -10px; |
|
4209 margin-top: -5px; |
|
4210 right: auto; |
|
4211 top: 50%; } } |
|
4212 /* Clearing Styles */ |
|
4213 .clearing-thumbs, [data-clearing] { |
|
4214 list-style: none; |
|
4215 margin-left: 0; |
|
4216 margin-bottom: 0; } |
|
4217 .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { |
|
4218 content: " "; |
|
4219 display: table; } |
|
4220 .clearing-thumbs:after, [data-clearing]:after { |
|
4221 clear: both; } |
|
4222 .clearing-thumbs li, [data-clearing] li { |
|
4223 float: left; |
|
4224 margin-right: 10px; } |
|
4225 .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { |
|
4226 margin-right: 0; } |
|
4227 |
|
4228 .clearing-blackout { |
|
4229 background: #333333; |
|
4230 height: 100%; |
|
4231 position: fixed; |
|
4232 top: 0; |
|
4233 width: 100%; |
|
4234 z-index: 998; |
|
4235 left: 0; } |
|
4236 .clearing-blackout .clearing-close { |
|
4237 display: block; } |
|
4238 |
|
4239 .clearing-container { |
|
4240 height: 100%; |
|
4241 margin: 0; |
|
4242 overflow: hidden; |
|
4243 position: relative; |
|
4244 z-index: 998; } |
|
4245 |
|
4246 .clearing-touch-label { |
|
4247 color: #AAAAAA; |
|
4248 font-size: .6em; |
|
4249 left: 50%; |
|
4250 position: absolute; |
|
4251 top: 50%; } |
|
4252 |
|
4253 .visible-img { |
|
4254 height: 95%; |
|
4255 position: relative; } |
|
4256 .visible-img img { |
|
4257 position: absolute; |
|
4258 left: 50%; |
|
4259 top: 50%; |
|
4260 -webkit-transform: translateY(-50%) translateX(-50%); |
|
4261 -moz-transform: translateY(-50%) translateX(-50%); |
|
4262 -ms-transform: translateY(-50%) translateX(-50%); |
|
4263 -o-transform: translateY(-50%) translateX(-50%); |
|
4264 transform: translateY(-50%) translateX(-50%); |
|
4265 max-height: 100%; |
|
4266 max-width: 100%; } |
|
4267 |
|
4268 .clearing-caption { |
|
4269 background: #333333; |
|
4270 bottom: 0; |
|
4271 color: #CCCCCC; |
|
4272 font-size: 0.875em; |
|
4273 line-height: 1.3; |
|
4274 margin-bottom: 0; |
|
4275 padding: 10px 30px 20px; |
|
4276 position: absolute; |
|
4277 text-align: center; |
|
4278 width: 100%; |
|
4279 left: 0; } |
|
4280 |
|
4281 .clearing-close { |
|
4282 color: #CCCCCC; |
|
4283 display: none; |
|
4284 font-size: 30px; |
|
4285 line-height: 1; |
|
4286 padding-left: 20px; |
|
4287 padding-top: 10px; |
|
4288 z-index: 999; } |
|
4289 .clearing-close:hover, .clearing-close:focus { |
|
4290 color: #CCCCCC; } |
|
4291 |
|
4292 .clearing-assembled .clearing-container { |
|
4293 height: 100%; } |
|
4294 .clearing-assembled .clearing-container .carousel > ul { |
|
4295 display: none; } |
|
4296 |
|
4297 .clearing-feature li { |
|
4298 display: none; } |
|
4299 .clearing-feature li.clearing-featured-img { |
|
4300 display: block; } |
|
4301 |
|
4302 @media only screen and (min-width: 40.0625em) { |
|
4303 .clearing-main-prev, |
|
4304 .clearing-main-next { |
|
4305 height: 100%; |
|
4306 position: absolute; |
|
4307 top: 0; |
|
4308 width: 40px; } |
|
4309 .clearing-main-prev > span, |
|
4310 .clearing-main-next > span { |
|
4311 border: solid 12px; |
|
4312 display: block; |
|
4313 height: 0; |
|
4314 position: absolute; |
|
4315 top: 50%; |
|
4316 width: 0; } |
|
4317 .clearing-main-prev > span:hover, |
|
4318 .clearing-main-next > span:hover { |
|
4319 opacity: .8; } |
|
4320 |
|
4321 .clearing-main-prev { |
|
4322 left: 0; } |
|
4323 .clearing-main-prev > span { |
|
4324 left: 5px; |
|
4325 border-color: transparent; |
|
4326 border-right-color: #CCCCCC; } |
|
4327 |
|
4328 .clearing-main-next { |
|
4329 right: 0; } |
|
4330 .clearing-main-next > span { |
|
4331 border-color: transparent; |
|
4332 border-left-color: #CCCCCC; } |
|
4333 |
|
4334 .clearing-main-prev.disabled, |
|
4335 .clearing-main-next.disabled { |
|
4336 opacity: .3; } |
|
4337 |
|
4338 .clearing-assembled .clearing-container .carousel { |
|
4339 background: rgba(51, 51, 51, 0.8); |
|
4340 height: 120px; |
|
4341 margin-top: 10px; |
|
4342 text-align: center; } |
|
4343 .clearing-assembled .clearing-container .carousel > ul { |
|
4344 display: inline-block; |
|
4345 z-index: 999; |
|
4346 height: 100%; |
|
4347 position: relative; |
|
4348 float: none; } |
|
4349 .clearing-assembled .clearing-container .carousel > ul li { |
|
4350 clear: none; |
|
4351 cursor: pointer; |
|
4352 display: block; |
|
4353 float: left; |
|
4354 margin-right: 0; |
|
4355 min-height: inherit; |
|
4356 opacity: .4; |
|
4357 overflow: hidden; |
|
4358 padding: 0; |
|
4359 position: relative; |
|
4360 width: 120px; } |
|
4361 .clearing-assembled .clearing-container .carousel > ul li.fix-height img { |
|
4362 height: 100%; |
|
4363 max-width: none; } |
|
4364 .clearing-assembled .clearing-container .carousel > ul li a.th { |
|
4365 border: none; |
|
4366 box-shadow: none; |
|
4367 display: block; } |
|
4368 .clearing-assembled .clearing-container .carousel > ul li img { |
|
4369 cursor: pointer !important; |
|
4370 width: 100% !important; } |
|
4371 .clearing-assembled .clearing-container .carousel > ul li.visible { |
|
4372 opacity: 1; } |
|
4373 .clearing-assembled .clearing-container .carousel > ul li:hover { |
|
4374 opacity: .8; } |
|
4375 .clearing-assembled .clearing-container .visible-img { |
|
4376 background: #333333; |
|
4377 height: 85%; |
|
4378 overflow: hidden; } |
|
4379 |
|
4380 .clearing-close { |
|
4381 padding-left: 0; |
|
4382 padding-top: 0; |
|
4383 position: absolute; |
|
4384 top: 10px; |
|
4385 right: 20px; } } |
|
4386 /* Progress Bar */ |
|
4387 .progress { |
|
4388 background-color: #F6F6F6; |
|
4389 border: 1px solid white; |
|
4390 height: 1.5625rem; |
|
4391 margin-bottom: 0.625rem; |
|
4392 padding: 0.125rem; } |
|
4393 .progress .meter { |
|
4394 background: #008CBA; |
|
4395 display: block; |
|
4396 height: 100%; } |
|
4397 .progress.secondary .meter { |
|
4398 background: #e7e7e7; |
|
4399 display: block; |
|
4400 height: 100%; } |
|
4401 .progress.success .meter { |
|
4402 background: #43AC6A; |
|
4403 display: block; |
|
4404 height: 100%; } |
|
4405 .progress.alert .meter { |
|
4406 background: #f04124; |
|
4407 display: block; |
|
4408 height: 100%; } |
|
4409 .progress.radius { |
|
4410 border-radius: 3px; } |
|
4411 .progress.radius .meter { |
|
4412 border-radius: 2px; } |
|
4413 .progress.round { |
|
4414 border-radius: 1000px; } |
|
4415 .progress.round .meter { |
|
4416 border-radius: 999px; } |
|
4417 |
|
4418 .sub-nav { |
|
4419 display: block; |
|
4420 margin: -0.25rem 0 1.125rem; |
|
4421 overflow: hidden; |
|
4422 padding-top: 0.25rem; |
|
4423 width: auto; } |
|
4424 .sub-nav dt { |
|
4425 text-transform: uppercase; } |
|
4426 .sub-nav dt, |
|
4427 .sub-nav dd, |
|
4428 .sub-nav li { |
|
4429 color: #999999; |
|
4430 float: left; |
|
4431 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
4432 font-size: 0.875rem; |
|
4433 font-weight: normal; |
|
4434 margin-left: 1rem; |
|
4435 margin-bottom: 0; } |
|
4436 .sub-nav dt a, |
|
4437 .sub-nav dd a, |
|
4438 .sub-nav li a { |
|
4439 color: #999999; |
|
4440 padding: 0.1875rem 1rem; |
|
4441 text-decoration: none; } |
|
4442 .sub-nav dt a:hover, |
|
4443 .sub-nav dd a:hover, |
|
4444 .sub-nav li a:hover { |
|
4445 color: #737373; } |
|
4446 .sub-nav dt.active a, |
|
4447 .sub-nav dd.active a, |
|
4448 .sub-nav li.active a { |
|
4449 border-radius: 3px; |
|
4450 background: #008CBA; |
|
4451 color: #FFFFFF; |
|
4452 cursor: default; |
|
4453 font-weight: normal; |
|
4454 padding: 0.1875rem 1rem; } |
|
4455 .sub-nav dt.active a:hover, |
|
4456 .sub-nav dd.active a:hover, |
|
4457 .sub-nav li.active a:hover { |
|
4458 background: #0078a0; } |
|
4459 |
|
4460 /* Foundation Joyride */ |
|
4461 .joyride-list { |
|
4462 display: none; } |
|
4463 |
|
4464 /* Default styles for the container */ |
|
4465 .joyride-tip-guide { |
|
4466 background: #333333; |
|
4467 color: #FFFFFF; |
|
4468 display: none; |
|
4469 font-family: inherit; |
|
4470 font-weight: normal; |
|
4471 position: absolute; |
|
4472 top: 0; |
|
4473 width: 95%; |
|
4474 z-index: 101; |
|
4475 left: 2.5%; } |
|
4476 |
|
4477 .lt-ie9 .joyride-tip-guide { |
|
4478 margin-left: -400px; |
|
4479 max-width: 800px; |
|
4480 left: 50%; } |
|
4481 |
|
4482 .joyride-content-wrapper { |
|
4483 padding: 1.125rem 1.25rem 1.5rem; |
|
4484 width: 100%; } |
|
4485 .joyride-content-wrapper .button { |
|
4486 margin-bottom: 0 !important; } |
|
4487 .joyride-content-wrapper .joyride-prev-tip { |
|
4488 margin-right: 10px; } |
|
4489 |
|
4490 /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ |
|
4491 .joyride-tip-guide .joyride-nub { |
|
4492 border: 10px solid #333333; |
|
4493 display: block; |
|
4494 height: 0; |
|
4495 position: absolute; |
|
4496 width: 0; |
|
4497 left: 22px; } |
|
4498 .joyride-tip-guide .joyride-nub.top { |
|
4499 border-color: #333333; |
|
4500 border-top-color: transparent !important; |
|
4501 border-top-style: solid; |
|
4502 border-left-color: transparent !important; |
|
4503 border-right-color: transparent !important; |
|
4504 top: -20px; } |
|
4505 .joyride-tip-guide .joyride-nub.bottom { |
|
4506 border-color: #333333 !important; |
|
4507 border-bottom-color: transparent !important; |
|
4508 border-bottom-style: solid; |
|
4509 border-left-color: transparent !important; |
|
4510 border-right-color: transparent !important; |
|
4511 bottom: -20px; } |
|
4512 .joyride-tip-guide .joyride-nub.right { |
|
4513 right: -20px; } |
|
4514 .joyride-tip-guide .joyride-nub.left { |
|
4515 left: -20px; } |
|
4516 |
|
4517 /* Typography */ |
|
4518 .joyride-tip-guide h1, |
|
4519 .joyride-tip-guide h2, |
|
4520 .joyride-tip-guide h3, |
|
4521 .joyride-tip-guide h4, |
|
4522 .joyride-tip-guide h5, |
|
4523 .joyride-tip-guide h6 { |
|
4524 color: #FFFFFF; |
|
4525 font-weight: bold; |
|
4526 line-height: 1.25; |
|
4527 margin: 0; } |
|
4528 |
|
4529 .joyride-tip-guide p { |
|
4530 font-size: 0.875rem; |
|
4531 line-height: 1.3; |
|
4532 margin: 0 0 1.125rem 0; } |
|
4533 |
|
4534 .joyride-timer-indicator-wrap { |
|
4535 border: solid 1px #555555; |
|
4536 bottom: 1rem; |
|
4537 height: 3px; |
|
4538 position: absolute; |
|
4539 width: 50px; |
|
4540 right: 1.0625rem; } |
|
4541 |
|
4542 .joyride-timer-indicator { |
|
4543 background: #666666; |
|
4544 display: block; |
|
4545 height: inherit; |
|
4546 width: 0; } |
|
4547 |
|
4548 .joyride-close-tip { |
|
4549 color: #777777 !important; |
|
4550 font-size: 24px; |
|
4551 font-weight: normal; |
|
4552 line-height: .5 !important; |
|
4553 position: absolute; |
|
4554 text-decoration: none; |
|
4555 top: 10px; |
|
4556 right: 12px; } |
|
4557 .joyride-close-tip:hover, .joyride-close-tip:focus { |
|
4558 color: #EEEEEE !important; } |
|
4559 |
|
4560 .joyride-modal-bg { |
|
4561 background: rgba(0, 0, 0, 0.5); |
|
4562 cursor: pointer; |
|
4563 display: none; |
|
4564 height: 100%; |
|
4565 position: fixed; |
|
4566 top: 0; |
|
4567 width: 100%; |
|
4568 z-index: 100; |
|
4569 left: 0; } |
|
4570 |
|
4571 .joyride-expose-wrapper { |
|
4572 background-color: #FFFFFF; |
|
4573 border-radius: 3px; |
|
4574 box-shadow: 0 0 15px #FFFFFF; |
|
4575 position: absolute; |
|
4576 z-index: 102; } |
|
4577 |
|
4578 .joyride-expose-cover { |
|
4579 background: transparent; |
|
4580 border-radius: 3px; |
|
4581 left: 0; |
|
4582 position: absolute; |
|
4583 top: 0; |
|
4584 z-index: 9999; } |
|
4585 |
|
4586 /* Styles for screens that are at least 768px; */ |
|
4587 @media only screen and (min-width: 40.0625em) { |
|
4588 .joyride-tip-guide { |
|
4589 width: 300px; |
|
4590 left: inherit; } |
|
4591 .joyride-tip-guide .joyride-nub.bottom { |
|
4592 border-color: #333333 !important; |
|
4593 border-bottom-color: transparent !important; |
|
4594 border-left-color: transparent !important; |
|
4595 border-right-color: transparent !important; |
|
4596 bottom: -20px; } |
|
4597 .joyride-tip-guide .joyride-nub.right { |
|
4598 border-color: #333333 !important; |
|
4599 border-right-color: transparent !important; |
|
4600 border-bottom-color: transparent !important; |
|
4601 border-top-color: transparent !important; |
|
4602 left: auto; |
|
4603 right: -20px; |
|
4604 top: 22px; } |
|
4605 .joyride-tip-guide .joyride-nub.left { |
|
4606 border-color: #333333 !important; |
|
4607 border-bottom-color: transparent !important; |
|
4608 border-left-color: transparent !important; |
|
4609 border-top-color: transparent !important; |
|
4610 left: -20px; |
|
4611 right: auto; |
|
4612 top: 22px; } } |
|
4613 .label { |
|
4614 display: inline-block; |
|
4615 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
|
4616 font-weight: normal; |
|
4617 line-height: 1; |
|
4618 margin-bottom: auto; |
|
4619 position: relative; |
|
4620 text-align: center; |
|
4621 text-decoration: none; |
|
4622 white-space: nowrap; |
|
4623 padding: 0.25rem 0.5rem 0.25rem; |
|
4624 font-size: 0.6875rem; |
|
4625 background-color: #008CBA; |
|
4626 color: #FFFFFF; } |
|
4627 .label.radius { |
|
4628 border-radius: 3px; } |
|
4629 .label.round { |
|
4630 border-radius: 1000px; } |
|
4631 .label.alert { |
|
4632 background-color: #f04124; |
|
4633 color: #FFFFFF; } |
|
4634 .label.warning { |
|
4635 background-color: #f08a24; |
|
4636 color: #FFFFFF; } |
|
4637 .label.success { |
|
4638 background-color: #43AC6A; |
|
4639 color: #FFFFFF; } |
|
4640 .label.secondary { |
|
4641 background-color: #e7e7e7; |
|
4642 color: #333333; } |
|
4643 .label.info { |
|
4644 background-color: #a0d3e8; |
|
4645 color: #333333; } |
|
4646 |
|
4647 .off-canvas-wrap { |
|
4648 -webkit-backface-visibility: hidden; |
|
4649 position: relative; |
|
4650 width: 100%; |
|
4651 overflow: hidden; } |
|
4652 .off-canvas-wrap.move-right, .off-canvas-wrap.move-left { |
|
4653 min-height: 100%; |
|
4654 -webkit-overflow-scrolling: touch; } |
|
4655 |
|
4656 .inner-wrap { |
|
4657 position: relative; |
|
4658 width: 100%; |
|
4659 -webkit-transition: -webkit-transform 500ms ease; |
|
4660 -moz-transition: -moz-transform 500ms ease; |
|
4661 -ms-transition: -ms-transform 500ms ease; |
|
4662 -o-transition: -o-transform 500ms ease; |
|
4663 transition: transform 500ms ease; } |
|
4664 .inner-wrap:before, .inner-wrap:after { |
|
4665 content: " "; |
|
4666 display: table; } |
|
4667 .inner-wrap:after { |
|
4668 clear: both; } |
|
4669 |
|
4670 .tab-bar { |
|
4671 -webkit-backface-visibility: hidden; |
|
4672 background: #333333; |
|
4673 color: #FFFFFF; |
|
4674 height: 2.8125rem; |
|
4675 line-height: 2.8125rem; |
|
4676 position: relative; } |
|
4677 .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { |
|
4678 color: #FFFFFF; |
|
4679 font-weight: bold; |
|
4680 line-height: 2.8125rem; |
|
4681 margin: 0; } |
|
4682 .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { |
|
4683 font-size: 1.125rem; } |
|
4684 |
|
4685 .left-small { |
|
4686 height: 2.8125rem; |
|
4687 position: absolute; |
|
4688 top: 0; |
|
4689 width: 2.8125rem; |
|
4690 border-right: solid 1px #1a1a1a; |
|
4691 left: 0; } |
|
4692 |
|
4693 .right-small { |
|
4694 height: 2.8125rem; |
|
4695 position: absolute; |
|
4696 top: 0; |
|
4697 width: 2.8125rem; |
|
4698 border-left: solid 1px #1a1a1a; |
|
4699 right: 0; } |
|
4700 |
|
4701 .tab-bar-section { |
|
4702 height: 2.8125rem; |
|
4703 padding: 0 0.625rem; |
|
4704 position: absolute; |
|
4705 text-align: center; |
|
4706 top: 0; } |
|
4707 .tab-bar-section.left { |
|
4708 text-align: left; } |
|
4709 .tab-bar-section.right { |
|
4710 text-align: right; } |
|
4711 .tab-bar-section.left { |
|
4712 left: 0; |
|
4713 right: 2.8125rem; } |
|
4714 .tab-bar-section.right { |
|
4715 left: 2.8125rem; |
|
4716 right: 0; } |
|
4717 .tab-bar-section.middle { |
|
4718 left: 2.8125rem; |
|
4719 right: 2.8125rem; } |
|
4720 |
|
4721 .tab-bar .menu-icon { |
|
4722 color: #FFFFFF; |
|
4723 display: block; |
|
4724 height: 2.8125rem; |
|
4725 padding: 0; |
|
4726 position: relative; |
|
4727 text-indent: 2.1875rem; |
|
4728 transform: translate3d(0, 0, 0); |
|
4729 width: 2.8125rem; } |
|
4730 .tab-bar .menu-icon span::after { |
|
4731 content: ""; |
|
4732 display: block; |
|
4733 height: 0; |
|
4734 position: absolute; |
|
4735 top: 50%; |
|
4736 margin-top: -0.5rem; |
|
4737 left: 0.90625rem; |
|
4738 box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; |
|
4739 width: 1rem; } |
|
4740 .tab-bar .menu-icon span:hover:after { |
|
4741 box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; } |
|
4742 |
|
4743 .left-off-canvas-menu { |
|
4744 -webkit-backface-visibility: hidden; |
|
4745 background: #333333; |
|
4746 bottom: 0; |
|
4747 box-sizing: content-box; |
|
4748 -webkit-overflow-scrolling: touch; |
|
4749 -ms-overflow-style: -ms-autohiding-scrollbar; |
|
4750 overflow-x: hidden; |
|
4751 overflow-y: auto; |
|
4752 position: absolute; |
|
4753 top: 0; |
|
4754 transition: transform 500ms ease 0s; |
|
4755 width: 15.625rem; |
|
4756 z-index: 1001; |
|
4757 -webkit-transform: translate3d(-100%, 0, 0); |
|
4758 -moz-transform: translate3d(-100%, 0, 0); |
|
4759 -ms-transform: translate(-100%, 0); |
|
4760 -ms-transform: translate3d(-100%, 0, 0); |
|
4761 -o-transform: translate3d(-100%, 0, 0); |
|
4762 transform: translate3d(-100%, 0, 0); |
|
4763 left: 0; } |
|
4764 .left-off-canvas-menu * { |
|
4765 -webkit-backface-visibility: hidden; } |
|
4766 |
|
4767 .right-off-canvas-menu { |
|
4768 -webkit-backface-visibility: hidden; |
|
4769 background: #333333; |
|
4770 bottom: 0; |
|
4771 box-sizing: content-box; |
|
4772 -webkit-overflow-scrolling: touch; |
|
4773 -ms-overflow-style: -ms-autohiding-scrollbar; |
|
4774 overflow-x: hidden; |
|
4775 overflow-y: auto; |
|
4776 position: absolute; |
|
4777 top: 0; |
|
4778 transition: transform 500ms ease 0s; |
|
4779 width: 15.625rem; |
|
4780 z-index: 1001; |
|
4781 -webkit-transform: translate3d(100%, 0, 0); |
|
4782 -moz-transform: translate3d(100%, 0, 0); |
|
4783 -ms-transform: translate(100%, 0); |
|
4784 -ms-transform: translate3d(100%, 0, 0); |
|
4785 -o-transform: translate3d(100%, 0, 0); |
|
4786 transform: translate3d(100%, 0, 0); |
|
4787 right: 0; } |
|
4788 .right-off-canvas-menu * { |
|
4789 -webkit-backface-visibility: hidden; } |
|
4790 |
|
4791 ul.off-canvas-list { |
|
4792 list-style-type: none; |
|
4793 margin: 0; |
|
4794 padding: 0; } |
|
4795 ul.off-canvas-list li label { |
|
4796 background: #444444; |
|
4797 border-bottom: none; |
|
4798 border-top: 1px solid #5e5e5e; |
|
4799 color: #999999; |
|
4800 display: block; |
|
4801 font-size: 0.75rem; |
|
4802 font-weight: bold; |
|
4803 margin: 0; |
|
4804 padding: 0.3rem 0.9375rem; |
|
4805 text-transform: uppercase; } |
|
4806 ul.off-canvas-list li a { |
|
4807 border-bottom: 1px solid #262626; |
|
4808 color: rgba(255, 255, 255, 0.7); |
|
4809 display: block; |
|
4810 padding: 0.66667rem; |
|
4811 transition: background 300ms ease; } |
|
4812 ul.off-canvas-list li a:hover { |
|
4813 background: #242424; } |
|
4814 ul.off-canvas-list li a:active { |
|
4815 background: #242424; } |
|
4816 |
|
4817 .move-right > .inner-wrap { |
|
4818 -webkit-transform: translate3d(15.625rem, 0, 0); |
|
4819 -moz-transform: translate3d(15.625rem, 0, 0); |
|
4820 -ms-transform: translate(15.625rem, 0); |
|
4821 -ms-transform: translate3d(15.625rem, 0, 0); |
|
4822 -o-transform: translate3d(15.625rem, 0, 0); |
|
4823 transform: translate3d(15.625rem, 0, 0); } |
|
4824 .move-right .exit-off-canvas { |
|
4825 -webkit-backface-visibility: hidden; |
|
4826 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
|
4827 cursor: pointer; |
|
4828 transition: background 300ms ease; |
|
4829 -webkit-tap-highlight-color: transparent; |
|
4830 background: rgba(255, 255, 255, 0.2); |
|
4831 bottom: 0; |
|
4832 display: block; |
|
4833 left: 0; |
|
4834 position: absolute; |
|
4835 right: 0; |
|
4836 top: 0; |
|
4837 z-index: 1002; } |
|
4838 @media only screen and (min-width: 40.0625em) { |
|
4839 .move-right .exit-off-canvas:hover { |
|
4840 background: rgba(255, 255, 255, 0.05); } } |
|
4841 |
|
4842 .move-left > .inner-wrap { |
|
4843 -webkit-transform: translate3d(-15.625rem, 0, 0); |
|
4844 -moz-transform: translate3d(-15.625rem, 0, 0); |
|
4845 -ms-transform: translate(-15.625rem, 0); |
|
4846 -ms-transform: translate3d(-15.625rem, 0, 0); |
|
4847 -o-transform: translate3d(-15.625rem, 0, 0); |
|
4848 transform: translate3d(-15.625rem, 0, 0); } |
|
4849 .move-left .exit-off-canvas { |
|
4850 -webkit-backface-visibility: hidden; |
|
4851 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
|
4852 cursor: pointer; |
|
4853 transition: background 300ms ease; |
|
4854 -webkit-tap-highlight-color: transparent; |
|
4855 background: rgba(255, 255, 255, 0.2); |
|
4856 bottom: 0; |
|
4857 display: block; |
|
4858 left: 0; |
|
4859 position: absolute; |
|
4860 right: 0; |
|
4861 top: 0; |
|
4862 z-index: 1002; } |
|
4863 @media only screen and (min-width: 40.0625em) { |
|
4864 .move-left .exit-off-canvas:hover { |
|
4865 background: rgba(255, 255, 255, 0.05); } } |
|
4866 |
|
4867 .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { |
|
4868 -ms-transform: none; |
|
4869 -webkit-transform: none; |
|
4870 -moz-transform: none; |
|
4871 -o-transform: none; |
|
4872 transform: none; |
|
4873 z-index: 1003; } |
|
4874 .offcanvas-overlap .exit-off-canvas { |
|
4875 -webkit-backface-visibility: hidden; |
|
4876 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
|
4877 cursor: pointer; |
|
4878 transition: background 300ms ease; |
|
4879 -webkit-tap-highlight-color: transparent; |
|
4880 background: rgba(255, 255, 255, 0.2); |
|
4881 bottom: 0; |
|
4882 display: block; |
|
4883 left: 0; |
|
4884 position: absolute; |
|
4885 right: 0; |
|
4886 top: 0; |
|
4887 z-index: 1002; } |
|
4888 @media only screen and (min-width: 40.0625em) { |
|
4889 .offcanvas-overlap .exit-off-canvas:hover { |
|
4890 background: rgba(255, 255, 255, 0.05); } } |
|
4891 |
|
4892 .offcanvas-overlap-left .right-off-canvas-menu { |
|
4893 -ms-transform: none; |
|
4894 -webkit-transform: none; |
|
4895 -moz-transform: none; |
|
4896 -o-transform: none; |
|
4897 transform: none; |
|
4898 z-index: 1003; } |
|
4899 .offcanvas-overlap-left .exit-off-canvas { |
|
4900 -webkit-backface-visibility: hidden; |
|
4901 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
|
4902 cursor: pointer; |
|
4903 transition: background 300ms ease; |
|
4904 -webkit-tap-highlight-color: transparent; |
|
4905 background: rgba(255, 255, 255, 0.2); |
|
4906 bottom: 0; |
|
4907 display: block; |
|
4908 left: 0; |
|
4909 position: absolute; |
|
4910 right: 0; |
|
4911 top: 0; |
|
4912 z-index: 1002; } |
|
4913 @media only screen and (min-width: 40.0625em) { |
|
4914 .offcanvas-overlap-left .exit-off-canvas:hover { |
|
4915 background: rgba(255, 255, 255, 0.05); } } |
|
4916 |
|
4917 .offcanvas-overlap-right .left-off-canvas-menu { |
|
4918 -ms-transform: none; |
|
4919 -webkit-transform: none; |
|
4920 -moz-transform: none; |
|
4921 -o-transform: none; |
|
4922 transform: none; |
|
4923 z-index: 1003; } |
|
4924 .offcanvas-overlap-right .exit-off-canvas { |
|
4925 -webkit-backface-visibility: hidden; |
|
4926 box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
|
4927 cursor: pointer; |
|
4928 transition: background 300ms ease; |
|
4929 -webkit-tap-highlight-color: transparent; |
|
4930 background: rgba(255, 255, 255, 0.2); |
|
4931 bottom: 0; |
|
4932 display: block; |
|
4933 left: 0; |
|
4934 position: absolute; |
|
4935 right: 0; |
|
4936 top: 0; |
|
4937 z-index: 1002; } |
|
4938 @media only screen and (min-width: 40.0625em) { |
|
4939 .offcanvas-overlap-right .exit-off-canvas:hover { |
|
4940 background: rgba(255, 255, 255, 0.05); } } |
|
4941 |
|
4942 .no-csstransforms .left-off-canvas-menu { |
|
4943 left: -15.625rem; } |
|
4944 .no-csstransforms .right-off-canvas-menu { |
|
4945 right: -15.625rem; } |
|
4946 .no-csstransforms .move-left > .inner-wrap { |
|
4947 right: 15.625rem; } |
|
4948 .no-csstransforms .move-right > .inner-wrap { |
|
4949 left: 15.625rem; } |
|
4950 |
|
4951 .left-submenu { |
|
4952 -webkit-backface-visibility: hidden; |
|
4953 -webkit-overflow-scrolling: touch; |
|
4954 background: #333333; |
|
4955 bottom: 0; |
|
4956 box-sizing: content-box; |
|
4957 margin: 0; |
|
4958 overflow-x: hidden; |
|
4959 overflow-y: auto; |
|
4960 position: absolute; |
|
4961 top: 0; |
|
4962 width: 15.625rem; |
|
4963 z-index: 1002; |
|
4964 -webkit-transform: translate3d(-100%, 0, 0); |
|
4965 -moz-transform: translate3d(-100%, 0, 0); |
|
4966 -ms-transform: translate(-100%, 0); |
|
4967 -ms-transform: translate3d(-100%, 0, 0); |
|
4968 -o-transform: translate3d(-100%, 0, 0); |
|
4969 transform: translate3d(-100%, 0, 0); |
|
4970 left: 0; |
|
4971 -webkit-transition: -webkit-transform 500ms ease; |
|
4972 -moz-transition: -moz-transform 500ms ease; |
|
4973 -ms-transition: -ms-transform 500ms ease; |
|
4974 -o-transition: -o-transform 500ms ease; |
|
4975 transition: transform 500ms ease; } |
|
4976 .left-submenu * { |
|
4977 -webkit-backface-visibility: hidden; } |
|
4978 .left-submenu .back > a { |
|
4979 background: #444; |
|
4980 border-bottom: none; |
|
4981 border-top: 1px solid #5e5e5e; |
|
4982 color: #999999; |
|
4983 font-weight: bold; |
|
4984 padding: 0.3rem 0.9375rem; |
|
4985 text-transform: uppercase; |
|
4986 margin: 0; } |
|
4987 .left-submenu .back > a:hover { |
|
4988 background: #303030; |
|
4989 border-bottom: none; |
|
4990 border-top: 1px solid #5e5e5e; } |
|
4991 .left-submenu .back > a:before { |
|
4992 content: "\AB"; |
|
4993 margin-right: .5rem; |
|
4994 display: inline; } |
|
4995 .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap { |
|
4996 -webkit-transform: translate3d(0%, 0, 0); |
|
4997 -moz-transform: translate3d(0%, 0, 0); |
|
4998 -ms-transform: translate(0%, 0); |
|
4999 -ms-transform: translate3d(0%, 0, 0); |
|
5000 -o-transform: translate3d(0%, 0, 0); |
|
5001 transform: translate3d(0%, 0, 0); } |
|
5002 |
|
5003 .right-submenu { |
|
5004 -webkit-backface-visibility: hidden; |
|
5005 -webkit-overflow-scrolling: touch; |
|
5006 background: #333333; |
|
5007 bottom: 0; |
|
5008 box-sizing: content-box; |
|
5009 margin: 0; |
|
5010 overflow-x: hidden; |
|
5011 overflow-y: auto; |
|
5012 position: absolute; |
|
5013 top: 0; |
|
5014 width: 15.625rem; |
|
5015 z-index: 1002; |
|
5016 -webkit-transform: translate3d(100%, 0, 0); |
|
5017 -moz-transform: translate3d(100%, 0, 0); |
|
5018 -ms-transform: translate(100%, 0); |
|
5019 -ms-transform: translate3d(100%, 0, 0); |
|
5020 -o-transform: translate3d(100%, 0, 0); |
|
5021 transform: translate3d(100%, 0, 0); |
|
5022 right: 0; |
|
5023 -webkit-transition: -webkit-transform 500ms ease; |
|
5024 -moz-transition: -moz-transform 500ms ease; |
|
5025 -ms-transition: -ms-transform 500ms ease; |
|
5026 -o-transition: -o-transform 500ms ease; |
|
5027 transition: transform 500ms ease; } |
|
5028 .right-submenu * { |
|
5029 -webkit-backface-visibility: hidden; } |
|
5030 .right-submenu .back > a { |
|
5031 background: #444; |
|
5032 border-bottom: none; |
|
5033 border-top: 1px solid #5e5e5e; |
|
5034 color: #999999; |
|
5035 font-weight: bold; |
|
5036 padding: 0.3rem 0.9375rem; |
|
5037 text-transform: uppercase; |
|
5038 margin: 0; } |
|
5039 .right-submenu .back > a:hover { |
|
5040 background: #303030; |
|
5041 border-bottom: none; |
|
5042 border-top: 1px solid #5e5e5e; } |
|
5043 .right-submenu .back > a:after { |
|
5044 content: "\BB"; |
|
5045 margin-left: .5rem; |
|
5046 display: inline; } |
|
5047 .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap { |
|
5048 -webkit-transform: translate3d(0%, 0, 0); |
|
5049 -moz-transform: translate3d(0%, 0, 0); |
|
5050 -ms-transform: translate(0%, 0); |
|
5051 -ms-transform: translate3d(0%, 0, 0); |
|
5052 -o-transform: translate3d(0%, 0, 0); |
|
5053 transform: translate3d(0%, 0, 0); } |
|
5054 |
|
5055 .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { |
|
5056 content: "\BB"; |
|
5057 margin-left: .5rem; |
|
5058 display: inline; } |
|
5059 |
|
5060 .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { |
|
5061 content: "\AB"; |
|
5062 margin-right: .5rem; |
|
5063 display: inline; } |
|
5064 |
|
5065 /* Foundation Dropdowns */ |
|
5066 .f-dropdown { |
|
5067 display: none; |
|
5068 left: -9999px; |
|
5069 list-style: none; |
|
5070 margin-left: 0; |
|
5071 position: absolute; |
|
5072 background: #FFFFFF; |
|
5073 border: solid 1px #cccccc; |
|
5074 font-size: 0.875rem; |
|
5075 height: auto; |
|
5076 max-height: none; |
|
5077 width: 100%; |
|
5078 z-index: 89; |
|
5079 margin-top: 2px; |
|
5080 max-width: 200px; } |
|
5081 .f-dropdown.open { |
|
5082 display: block; } |
|
5083 .f-dropdown > *:first-child { |
|
5084 margin-top: 0; } |
|
5085 .f-dropdown > *:last-child { |
|
5086 margin-bottom: 0; } |
|
5087 .f-dropdown:before { |
|
5088 border: inset 6px; |
|
5089 content: ""; |
|
5090 display: block; |
|
5091 height: 0; |
|
5092 width: 0; |
|
5093 border-color: transparent transparent #FFFFFF transparent; |
|
5094 border-bottom-style: solid; |
|
5095 position: absolute; |
|
5096 top: -12px; |
|
5097 left: 10px; |
|
5098 z-index: 89; } |
|
5099 .f-dropdown:after { |
|
5100 border: inset 7px; |
|
5101 content: ""; |
|
5102 display: block; |
|
5103 height: 0; |
|
5104 width: 0; |
|
5105 border-color: transparent transparent #cccccc transparent; |
|
5106 border-bottom-style: solid; |
|
5107 position: absolute; |
|
5108 top: -14px; |
|
5109 left: 9px; |
|
5110 z-index: 88; } |
|
5111 .f-dropdown.right:before { |
|
5112 left: auto; |
|
5113 right: 10px; } |
|
5114 .f-dropdown.right:after { |
|
5115 left: auto; |
|
5116 right: 9px; } |
|
5117 .f-dropdown.drop-right { |
|
5118 display: none; |
|
5119 left: -9999px; |
|
5120 list-style: none; |
|
5121 margin-left: 0; |
|
5122 position: absolute; |
|
5123 background: #FFFFFF; |
|
5124 border: solid 1px #cccccc; |
|
5125 font-size: 0.875rem; |
|
5126 height: auto; |
|
5127 max-height: none; |
|
5128 width: 100%; |
|
5129 z-index: 89; |
|
5130 margin-top: 0; |
|
5131 margin-left: 2px; |
|
5132 max-width: 200px; } |
|
5133 .f-dropdown.drop-right.open { |
|
5134 display: block; } |
|
5135 .f-dropdown.drop-right > *:first-child { |
|
5136 margin-top: 0; } |
|
5137 .f-dropdown.drop-right > *:last-child { |
|
5138 margin-bottom: 0; } |
|
5139 .f-dropdown.drop-right:before { |
|
5140 border: inset 6px; |
|
5141 content: ""; |
|
5142 display: block; |
|
5143 height: 0; |
|
5144 width: 0; |
|
5145 border-color: transparent #FFFFFF transparent transparent; |
|
5146 border-right-style: solid; |
|
5147 position: absolute; |
|
5148 top: 10px; |
|
5149 left: -12px; |
|
5150 z-index: 89; } |
|
5151 .f-dropdown.drop-right:after { |
|
5152 border: inset 7px; |
|
5153 content: ""; |
|
5154 display: block; |
|
5155 height: 0; |
|
5156 width: 0; |
|
5157 border-color: transparent #cccccc transparent transparent; |
|
5158 border-right-style: solid; |
|
5159 position: absolute; |
|
5160 top: 9px; |
|
5161 left: -14px; |
|
5162 z-index: 88; } |
|
5163 .f-dropdown.drop-left { |
|
5164 display: none; |
|
5165 left: -9999px; |
|
5166 list-style: none; |
|
5167 margin-left: 0; |
|
5168 position: absolute; |
|
5169 background: #FFFFFF; |
|
5170 border: solid 1px #cccccc; |
|
5171 font-size: 0.875rem; |
|
5172 height: auto; |
|
5173 max-height: none; |
|
5174 width: 100%; |
|
5175 z-index: 89; |
|
5176 margin-top: 0; |
|
5177 margin-left: -2px; |
|
5178 max-width: 200px; } |
|
5179 .f-dropdown.drop-left.open { |
|
5180 display: block; } |
|
5181 .f-dropdown.drop-left > *:first-child { |
|
5182 margin-top: 0; } |
|
5183 .f-dropdown.drop-left > *:last-child { |
|
5184 margin-bottom: 0; } |
|
5185 .f-dropdown.drop-left:before { |
|
5186 border: inset 6px; |
|
5187 content: ""; |
|
5188 display: block; |
|
5189 height: 0; |
|
5190 width: 0; |
|
5191 border-color: transparent transparent transparent #FFFFFF; |
|
5192 border-left-style: solid; |
|
5193 position: absolute; |
|
5194 top: 10px; |
|
5195 right: -12px; |
|
5196 left: auto; |
|
5197 z-index: 89; } |
|
5198 .f-dropdown.drop-left:after { |
|
5199 border: inset 7px; |
|
5200 content: ""; |
|
5201 display: block; |
|
5202 height: 0; |
|
5203 width: 0; |
|
5204 border-color: transparent transparent transparent #cccccc; |
|
5205 border-left-style: solid; |
|
5206 position: absolute; |
|
5207 top: 9px; |
|
5208 right: -14px; |
|
5209 left: auto; |
|
5210 z-index: 88; } |
|
5211 .f-dropdown.drop-top { |
|
5212 display: none; |
|
5213 left: -9999px; |
|
5214 list-style: none; |
|
5215 margin-left: 0; |
|
5216 position: absolute; |
|
5217 background: #FFFFFF; |
|
5218 border: solid 1px #cccccc; |
|
5219 font-size: 0.875rem; |
|
5220 height: auto; |
|
5221 max-height: none; |
|
5222 width: 100%; |
|
5223 z-index: 89; |
|
5224 margin-left: 0; |
|
5225 margin-top: -2px; |
|
5226 max-width: 200px; } |
|
5227 .f-dropdown.drop-top.open { |
|
5228 display: block; } |
|
5229 .f-dropdown.drop-top > *:first-child { |
|
5230 margin-top: 0; } |
|
5231 .f-dropdown.drop-top > *:last-child { |
|
5232 margin-bottom: 0; } |
|
5233 .f-dropdown.drop-top:before { |
|
5234 border: inset 6px; |
|
5235 content: ""; |
|
5236 display: block; |
|
5237 height: 0; |
|
5238 width: 0; |
|
5239 border-color: #FFFFFF transparent transparent transparent; |
|
5240 border-top-style: solid; |
|
5241 bottom: -12px; |
|
5242 position: absolute; |
|
5243 top: auto; |
|
5244 left: 10px; |
|
5245 right: auto; |
|
5246 z-index: 89; } |
|
5247 .f-dropdown.drop-top:after { |
|
5248 border: inset 7px; |
|
5249 content: ""; |
|
5250 display: block; |
|
5251 height: 0; |
|
5252 width: 0; |
|
5253 border-color: #cccccc transparent transparent transparent; |
|
5254 border-top-style: solid; |
|
5255 bottom: -14px; |
|
5256 position: absolute; |
|
5257 top: auto; |
|
5258 left: 9px; |
|
5259 right: auto; |
|
5260 z-index: 88; } |
|
5261 .f-dropdown li { |
|
5262 cursor: pointer; |
|
5263 font-size: 0.875rem; |
|
5264 line-height: 1.125rem; |
|
5265 margin: 0; } |
|
5266 .f-dropdown li:hover, .f-dropdown li:focus { |
|
5267 background: #EEEEEE; } |
|
5268 .f-dropdown li.radius { |
|
5269 border-radius: 3px; } |
|
5270 .f-dropdown li a { |
|
5271 display: block; |
|
5272 padding: 0.5rem; |
|
5273 color: #555555; } |
|
5274 .f-dropdown.content { |
|
5275 display: none; |
|
5276 left: -9999px; |
|
5277 list-style: none; |
|
5278 margin-left: 0; |
|
5279 position: absolute; |
|
5280 background: #FFFFFF; |
|
5281 border: solid 1px #cccccc; |
|
5282 font-size: 0.875rem; |
|
5283 height: auto; |
|
5284 max-height: none; |
|
5285 padding: 1.25rem; |
|
5286 width: 100%; |
|
5287 z-index: 89; |
|
5288 max-width: 200px; } |
|
5289 .f-dropdown.content.open { |
|
5290 display: block; } |
|
5291 .f-dropdown.content > *:first-child { |
|
5292 margin-top: 0; } |
|
5293 .f-dropdown.content > *:last-child { |
|
5294 margin-bottom: 0; } |
|
5295 .f-dropdown.tiny { |
|
5296 max-width: 200px; } |
|
5297 .f-dropdown.small { |
|
5298 max-width: 300px; } |
|
5299 .f-dropdown.medium { |
|
5300 max-width: 500px; } |
|
5301 .f-dropdown.large { |
|
5302 max-width: 800px; } |
|
5303 .f-dropdown.mega { |
|
5304 width: 100% !important; |
|
5305 max-width: 100% !important; } |
|
5306 .f-dropdown.mega.open { |
|
5307 left: 0 !important; } |
|
5308 |
|
5309 table { |
|
5310 background: #FFFFFF; |
|
5311 border: solid 1px #DDDDDD; |
|
5312 margin-bottom: 1.25rem; |
|
5313 table-layout: auto; } |
|
5314 table caption { |
|
5315 background: transparent; |
|
5316 color: #222222; |
|
5317 font-size: 1rem; |
|
5318 font-weight: bold; } |
|
5319 table thead { |
|
5320 background: #F5F5F5; } |
|
5321 table thead tr th, |
|
5322 table thead tr td { |
|
5323 color: #222222; |
|
5324 font-size: 0.875rem; |
|
5325 font-weight: bold; |
|
5326 padding: 0.5rem 0.625rem 0.625rem; } |
|
5327 table tfoot { |
|
5328 background: #F5F5F5; } |
|
5329 table tfoot tr th, |
|
5330 table tfoot tr td { |
|
5331 color: #222222; |
|
5332 font-size: 0.875rem; |
|
5333 font-weight: bold; |
|
5334 padding: 0.5rem 0.625rem 0.625rem; } |
|
5335 table tr th, |
|
5336 table tr td { |
|
5337 color: #222222; |
|
5338 font-size: 0.875rem; |
|
5339 padding: 0.5625rem 0.625rem; |
|
5340 text-align: left; } |
|
5341 table tr.even, table tr.alt, table tr:nth-of-type(even) { |
|
5342 background: #F9F9F9; } |
|
5343 table thead tr th, |
|
5344 table tfoot tr th, |
|
5345 table tfoot tr td, |
|
5346 table tbody tr th, |
|
5347 table tbody tr td, |
|
5348 table tr td { |
|
5349 display: table-cell; |
|
5350 line-height: 1.125rem; } |
|
5351 |
|
5352 .range-slider { |
|
5353 border: 1px solid #DDDDDD; |
|
5354 margin: 1.25rem 0; |
|
5355 position: relative; |
|
5356 -ms-touch-action: none; |
|
5357 touch-action: none; |
|
5358 display: block; |
|
5359 height: 1rem; |
|
5360 width: 100%; |
|
5361 background: #FAFAFA; } |
|
5362 .range-slider.vertical-range { |
|
5363 border: 1px solid #DDDDDD; |
|
5364 margin: 1.25rem 0; |
|
5365 position: relative; |
|
5366 -ms-touch-action: none; |
|
5367 touch-action: none; |
|
5368 display: inline-block; |
|
5369 height: 12.5rem; |
|
5370 width: 1rem; } |
|
5371 .range-slider.vertical-range .range-slider-handle { |
|
5372 bottom: -10.5rem; |
|
5373 margin-left: -0.5rem; |
|
5374 margin-top: 0; |
|
5375 position: absolute; } |
|
5376 .range-slider.vertical-range .range-slider-active-segment { |
|
5377 border-bottom-left-radius: inherit; |
|
5378 border-bottom-right-radius: inherit; |
|
5379 border-top-left-radius: initial; |
|
5380 bottom: 0; |
|
5381 height: auto; |
|
5382 width: 0.875rem; } |
|
5383 .range-slider.radius { |
|
5384 background: #FAFAFA; |
|
5385 border-radius: 3px; } |
|
5386 .range-slider.radius .range-slider-handle { |
|
5387 background: #008CBA; |
|
5388 border-radius: 3px; } |
|
5389 .range-slider.radius .range-slider-handle:hover { |
|
5390 background: #007ba4; } |
|
5391 .range-slider.round { |
|
5392 background: #FAFAFA; |
|
5393 border-radius: 1000px; } |
|
5394 .range-slider.round .range-slider-handle { |
|
5395 background: #008CBA; |
|
5396 border-radius: 1000px; } |
|
5397 .range-slider.round .range-slider-handle:hover { |
|
5398 background: #007ba4; } |
|
5399 .range-slider.disabled, .range-slider[disabled] { |
|
5400 background: #FAFAFA; |
|
5401 cursor: not-allowed; |
|
5402 opacity: 0.7; } |
|
5403 .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { |
|
5404 background: #008CBA; |
|
5405 cursor: default; |
|
5406 opacity: 0.7; } |
|
5407 .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { |
|
5408 background: #007ba4; } |
|
5409 |
|
5410 .range-slider-active-segment { |
|
5411 background: #e5e5e5; |
|
5412 border-bottom-left-radius: inherit; |
|
5413 border-top-left-radius: inherit; |
|
5414 display: inline-block; |
|
5415 height: 0.875rem; |
|
5416 position: absolute; } |
|
5417 |
|
5418 .range-slider-handle { |
|
5419 border: 1px solid none; |
|
5420 cursor: pointer; |
|
5421 display: inline-block; |
|
5422 height: 1.375rem; |
|
5423 position: absolute; |
|
5424 top: -0.3125rem; |
|
5425 width: 2rem; |
|
5426 z-index: 1; |
|
5427 -ms-touch-action: manipulation; |
|
5428 touch-action: manipulation; |
|
5429 background: #008CBA; } |
|
5430 .range-slider-handle:hover { |
|
5431 background: #007ba4; } |
|
5432 |
|
5433 [class*="block-grid-"] { |
|
5434 display: block; |
|
5435 padding: 0; |
|
5436 margin: 0 -0.625rem; } |
|
5437 [class*="block-grid-"]:before, [class*="block-grid-"]:after { |
|
5438 content: " "; |
|
5439 display: table; } |
|
5440 [class*="block-grid-"]:after { |
|
5441 clear: both; } |
|
5442 [class*="block-grid-"] > li { |
|
5443 display: block; |
|
5444 float: left; |
|
5445 height: auto; |
|
5446 padding: 0 0.625rem 1.25rem; } |
|
5447 |
|
5448 @media only screen { |
|
5449 .small-block-grid-1 > li { |
|
5450 list-style: none; |
|
5451 width: 100%; } |
|
5452 .small-block-grid-1 > li:nth-of-type(1n) { |
|
5453 clear: none; } |
|
5454 .small-block-grid-1 > li:nth-of-type(1n+1) { |
|
5455 clear: both; } |
|
5456 |
|
5457 .small-block-grid-2 > li { |
|
5458 list-style: none; |
|
5459 width: 50%; } |
|
5460 .small-block-grid-2 > li:nth-of-type(1n) { |
|
5461 clear: none; } |
|
5462 .small-block-grid-2 > li:nth-of-type(2n+1) { |
|
5463 clear: both; } |
|
5464 |
|
5465 .small-block-grid-3 > li { |
|
5466 list-style: none; |
|
5467 width: 33.33333%; } |
|
5468 .small-block-grid-3 > li:nth-of-type(1n) { |
|
5469 clear: none; } |
|
5470 .small-block-grid-3 > li:nth-of-type(3n+1) { |
|
5471 clear: both; } |
|
5472 |
|
5473 .small-block-grid-4 > li { |
|
5474 list-style: none; |
|
5475 width: 25%; } |
|
5476 .small-block-grid-4 > li:nth-of-type(1n) { |
|
5477 clear: none; } |
|
5478 .small-block-grid-4 > li:nth-of-type(4n+1) { |
|
5479 clear: both; } |
|
5480 |
|
5481 .small-block-grid-5 > li { |
|
5482 list-style: none; |
|
5483 width: 20%; } |
|
5484 .small-block-grid-5 > li:nth-of-type(1n) { |
|
5485 clear: none; } |
|
5486 .small-block-grid-5 > li:nth-of-type(5n+1) { |
|
5487 clear: both; } |
|
5488 |
|
5489 .small-block-grid-6 > li { |
|
5490 list-style: none; |
|
5491 width: 16.66667%; } |
|
5492 .small-block-grid-6 > li:nth-of-type(1n) { |
|
5493 clear: none; } |
|
5494 .small-block-grid-6 > li:nth-of-type(6n+1) { |
|
5495 clear: both; } |
|
5496 |
|
5497 .small-block-grid-7 > li { |
|
5498 list-style: none; |
|
5499 width: 14.28571%; } |
|
5500 .small-block-grid-7 > li:nth-of-type(1n) { |
|
5501 clear: none; } |
|
5502 .small-block-grid-7 > li:nth-of-type(7n+1) { |
|
5503 clear: both; } |
|
5504 |
|
5505 .small-block-grid-8 > li { |
|
5506 list-style: none; |
|
5507 width: 12.5%; } |
|
5508 .small-block-grid-8 > li:nth-of-type(1n) { |
|
5509 clear: none; } |
|
5510 .small-block-grid-8 > li:nth-of-type(8n+1) { |
|
5511 clear: both; } |
|
5512 |
|
5513 .small-block-grid-9 > li { |
|
5514 list-style: none; |
|
5515 width: 11.11111%; } |
|
5516 .small-block-grid-9 > li:nth-of-type(1n) { |
|
5517 clear: none; } |
|
5518 .small-block-grid-9 > li:nth-of-type(9n+1) { |
|
5519 clear: both; } |
|
5520 |
|
5521 .small-block-grid-10 > li { |
|
5522 list-style: none; |
|
5523 width: 10%; } |
|
5524 .small-block-grid-10 > li:nth-of-type(1n) { |
|
5525 clear: none; } |
|
5526 .small-block-grid-10 > li:nth-of-type(10n+1) { |
|
5527 clear: both; } |
|
5528 |
|
5529 .small-block-grid-11 > li { |
|
5530 list-style: none; |
|
5531 width: 9.09091%; } |
|
5532 .small-block-grid-11 > li:nth-of-type(1n) { |
|
5533 clear: none; } |
|
5534 .small-block-grid-11 > li:nth-of-type(11n+1) { |
|
5535 clear: both; } |
|
5536 |
|
5537 .small-block-grid-12 > li { |
|
5538 list-style: none; |
|
5539 width: 8.33333%; } |
|
5540 .small-block-grid-12 > li:nth-of-type(1n) { |
|
5541 clear: none; } |
|
5542 .small-block-grid-12 > li:nth-of-type(12n+1) { |
|
5543 clear: both; } } |
|
5544 @media only screen and (min-width: 40.0625em) { |
|
5545 .medium-block-grid-1 > li { |
|
5546 list-style: none; |
|
5547 width: 100%; } |
|
5548 .medium-block-grid-1 > li:nth-of-type(1n) { |
|
5549 clear: none; } |
|
5550 .medium-block-grid-1 > li:nth-of-type(1n+1) { |
|
5551 clear: both; } |
|
5552 |
|
5553 .medium-block-grid-2 > li { |
|
5554 list-style: none; |
|
5555 width: 50%; } |
|
5556 .medium-block-grid-2 > li:nth-of-type(1n) { |
|
5557 clear: none; } |
|
5558 .medium-block-grid-2 > li:nth-of-type(2n+1) { |
|
5559 clear: both; } |
|
5560 |
|
5561 .medium-block-grid-3 > li { |
|
5562 list-style: none; |
|
5563 width: 33.33333%; } |
|
5564 .medium-block-grid-3 > li:nth-of-type(1n) { |
|
5565 clear: none; } |
|
5566 .medium-block-grid-3 > li:nth-of-type(3n+1) { |
|
5567 clear: both; } |
|
5568 |
|
5569 .medium-block-grid-4 > li { |
|
5570 list-style: none; |
|
5571 width: 25%; } |
|
5572 .medium-block-grid-4 > li:nth-of-type(1n) { |
|
5573 clear: none; } |
|
5574 .medium-block-grid-4 > li:nth-of-type(4n+1) { |
|
5575 clear: both; } |
|
5576 |
|
5577 .medium-block-grid-5 > li { |
|
5578 list-style: none; |
|
5579 width: 20%; } |
|
5580 .medium-block-grid-5 > li:nth-of-type(1n) { |
|
5581 clear: none; } |
|
5582 .medium-block-grid-5 > li:nth-of-type(5n+1) { |
|
5583 clear: both; } |
|
5584 |
|
5585 .medium-block-grid-6 > li { |
|
5586 list-style: none; |
|
5587 width: 16.66667%; } |
|
5588 .medium-block-grid-6 > li:nth-of-type(1n) { |
|
5589 clear: none; } |
|
5590 .medium-block-grid-6 > li:nth-of-type(6n+1) { |
|
5591 clear: both; } |
|
5592 |
|
5593 .medium-block-grid-7 > li { |
|
5594 list-style: none; |
|
5595 width: 14.28571%; } |
|
5596 .medium-block-grid-7 > li:nth-of-type(1n) { |
|
5597 clear: none; } |
|
5598 .medium-block-grid-7 > li:nth-of-type(7n+1) { |
|
5599 clear: both; } |
|
5600 |
|
5601 .medium-block-grid-8 > li { |
|
5602 list-style: none; |
|
5603 width: 12.5%; } |
|
5604 .medium-block-grid-8 > li:nth-of-type(1n) { |
|
5605 clear: none; } |
|
5606 .medium-block-grid-8 > li:nth-of-type(8n+1) { |
|
5607 clear: both; } |
|
5608 |
|
5609 .medium-block-grid-9 > li { |
|
5610 list-style: none; |
|
5611 width: 11.11111%; } |
|
5612 .medium-block-grid-9 > li:nth-of-type(1n) { |
|
5613 clear: none; } |
|
5614 .medium-block-grid-9 > li:nth-of-type(9n+1) { |
|
5615 clear: both; } |
|
5616 |
|
5617 .medium-block-grid-10 > li { |
|
5618 list-style: none; |
|
5619 width: 10%; } |
|
5620 .medium-block-grid-10 > li:nth-of-type(1n) { |
|
5621 clear: none; } |
|
5622 .medium-block-grid-10 > li:nth-of-type(10n+1) { |
|
5623 clear: both; } |
|
5624 |
|
5625 .medium-block-grid-11 > li { |
|
5626 list-style: none; |
|
5627 width: 9.09091%; } |
|
5628 .medium-block-grid-11 > li:nth-of-type(1n) { |
|
5629 clear: none; } |
|
5630 .medium-block-grid-11 > li:nth-of-type(11n+1) { |
|
5631 clear: both; } |
|
5632 |
|
5633 .medium-block-grid-12 > li { |
|
5634 list-style: none; |
|
5635 width: 8.33333%; } |
|
5636 .medium-block-grid-12 > li:nth-of-type(1n) { |
|
5637 clear: none; } |
|
5638 .medium-block-grid-12 > li:nth-of-type(12n+1) { |
|
5639 clear: both; } } |
|
5640 @media only screen and (min-width: 64.0625em) { |
|
5641 .large-block-grid-1 > li { |
|
5642 list-style: none; |
|
5643 width: 100%; } |
|
5644 .large-block-grid-1 > li:nth-of-type(1n) { |
|
5645 clear: none; } |
|
5646 .large-block-grid-1 > li:nth-of-type(1n+1) { |
|
5647 clear: both; } |
|
5648 |
|
5649 .large-block-grid-2 > li { |
|
5650 list-style: none; |
|
5651 width: 50%; } |
|
5652 .large-block-grid-2 > li:nth-of-type(1n) { |
|
5653 clear: none; } |
|
5654 .large-block-grid-2 > li:nth-of-type(2n+1) { |
|
5655 clear: both; } |
|
5656 |
|
5657 .large-block-grid-3 > li { |
|
5658 list-style: none; |
|
5659 width: 33.33333%; } |
|
5660 .large-block-grid-3 > li:nth-of-type(1n) { |
|
5661 clear: none; } |
|
5662 .large-block-grid-3 > li:nth-of-type(3n+1) { |
|
5663 clear: both; } |
|
5664 |
|
5665 .large-block-grid-4 > li { |
|
5666 list-style: none; |
|
5667 width: 25%; } |
|
5668 .large-block-grid-4 > li:nth-of-type(1n) { |
|
5669 clear: none; } |
|
5670 .large-block-grid-4 > li:nth-of-type(4n+1) { |
|
5671 clear: both; } |
|
5672 |
|
5673 .large-block-grid-5 > li { |
|
5674 list-style: none; |
|
5675 width: 20%; } |
|
5676 .large-block-grid-5 > li:nth-of-type(1n) { |
|
5677 clear: none; } |
|
5678 .large-block-grid-5 > li:nth-of-type(5n+1) { |
|
5679 clear: both; } |
|
5680 |
|
5681 .large-block-grid-6 > li { |
|
5682 list-style: none; |
|
5683 width: 16.66667%; } |
|
5684 .large-block-grid-6 > li:nth-of-type(1n) { |
|
5685 clear: none; } |
|
5686 .large-block-grid-6 > li:nth-of-type(6n+1) { |
|
5687 clear: both; } |
|
5688 |
|
5689 .large-block-grid-7 > li { |
|
5690 list-style: none; |
|
5691 width: 14.28571%; } |
|
5692 .large-block-grid-7 > li:nth-of-type(1n) { |
|
5693 clear: none; } |
|
5694 .large-block-grid-7 > li:nth-of-type(7n+1) { |
|
5695 clear: both; } |
|
5696 |
|
5697 .large-block-grid-8 > li { |
|
5698 list-style: none; |
|
5699 width: 12.5%; } |
|
5700 .large-block-grid-8 > li:nth-of-type(1n) { |
|
5701 clear: none; } |
|
5702 .large-block-grid-8 > li:nth-of-type(8n+1) { |
|
5703 clear: both; } |
|
5704 |
|
5705 .large-block-grid-9 > li { |
|
5706 list-style: none; |
|
5707 width: 11.11111%; } |
|
5708 .large-block-grid-9 > li:nth-of-type(1n) { |
|
5709 clear: none; } |
|
5710 .large-block-grid-9 > li:nth-of-type(9n+1) { |
|
5711 clear: both; } |
|
5712 |
|
5713 .large-block-grid-10 > li { |
|
5714 list-style: none; |
|
5715 width: 10%; } |
|
5716 .large-block-grid-10 > li:nth-of-type(1n) { |
|
5717 clear: none; } |
|
5718 .large-block-grid-10 > li:nth-of-type(10n+1) { |
|
5719 clear: both; } |
|
5720 |
|
5721 .large-block-grid-11 > li { |
|
5722 list-style: none; |
|
5723 width: 9.09091%; } |
|
5724 .large-block-grid-11 > li:nth-of-type(1n) { |
|
5725 clear: none; } |
|
5726 .large-block-grid-11 > li:nth-of-type(11n+1) { |
|
5727 clear: both; } |
|
5728 |
|
5729 .large-block-grid-12 > li { |
|
5730 list-style: none; |
|
5731 width: 8.33333%; } |
|
5732 .large-block-grid-12 > li:nth-of-type(1n) { |
|
5733 clear: none; } |
|
5734 .large-block-grid-12 > li:nth-of-type(12n+1) { |
|
5735 clear: both; } } |
|
5736 .flex-video { |
|
5737 height: 0; |
|
5738 margin-bottom: 1rem; |
|
5739 overflow: hidden; |
|
5740 padding-bottom: 67.5%; |
|
5741 padding-top: 1.5625rem; |
|
5742 position: relative; } |
|
5743 .flex-video.widescreen { |
|
5744 padding-bottom: 56.34%; } |
|
5745 .flex-video.vimeo { |
|
5746 padding-top: 0; } |
|
5747 .flex-video iframe, |
|
5748 .flex-video object, |
|
5749 .flex-video embed, |
|
5750 .flex-video video { |
|
5751 height: 100%; |
|
5752 position: absolute; |
|
5753 top: 0; |
|
5754 width: 100%; |
|
5755 left: 0; } |
|
5756 |
|
5757 .keystroke, |
|
5758 kbd { |
|
5759 background-color: #ededed; |
|
5760 border-color: #dddddd; |
|
5761 color: #222222; |
|
5762 border-style: solid; |
|
5763 border-width: 1px; |
|
5764 font-family: "Consolas", "Menlo", "Courier", monospace; |
|
5765 font-size: inherit; |
|
5766 margin: 0; |
|
5767 padding: 0.125rem 0.25rem 0; |
|
5768 border-radius: 3px; } |
|
5769 |
|
5770 .switch { |
|
5771 border: none; |
|
5772 margin-bottom: 1.5rem; |
|
5773 outline: 0; |
|
5774 padding: 0; |
|
5775 position: relative; |
|
5776 -webkit-user-select: none; |
|
5777 -moz-user-select: none; |
|
5778 -ms-user-select: none; |
|
5779 user-select: none; } |
|
5780 .switch label { |
|
5781 background: #DDDDDD; |
|
5782 color: transparent; |
|
5783 cursor: pointer; |
|
5784 display: block; |
|
5785 margin-bottom: 1rem; |
|
5786 position: relative; |
|
5787 text-indent: 100%; |
|
5788 width: 4rem; |
|
5789 height: 2rem; |
|
5790 transition: left 0.15s ease-out; } |
|
5791 .switch input { |
|
5792 left: 10px; |
|
5793 opacity: 0; |
|
5794 padding: 0; |
|
5795 position: absolute; |
|
5796 top: 9px; } |
|
5797 .switch input + label { |
|
5798 margin-left: 0; |
|
5799 margin-right: 0; } |
|
5800 .switch label:after { |
|
5801 background: #FFFFFF; |
|
5802 content: ""; |
|
5803 display: block; |
|
5804 height: 1.5rem; |
|
5805 left: .25rem; |
|
5806 position: absolute; |
|
5807 top: .25rem; |
|
5808 width: 1.5rem; |
|
5809 -webkit-transition: left 0.15s ease-out; |
|
5810 -moz-transition: left 0.15s ease-out; |
|
5811 -o-transition: translate3d(0, 0, 0); |
|
5812 transition: left 0.15s ease-out; |
|
5813 -webkit-transform: translate3d(0, 0, 0); |
|
5814 -moz-transform: translate3d(0, 0, 0); |
|
5815 -ms-transform: translate3d(0, 0, 0); |
|
5816 -o-transform: translate3d(0, 0, 0); |
|
5817 transform: translate3d(0, 0, 0); } |
|
5818 .switch input:checked + label { |
|
5819 background: #008CBA; } |
|
5820 .switch input:checked + label:after { |
|
5821 left: 2.25rem; } |
|
5822 .switch label { |
|
5823 height: 2rem; |
|
5824 width: 4rem; } |
|
5825 .switch label:after { |
|
5826 height: 1.5rem; |
|
5827 width: 1.5rem; } |
|
5828 .switch input:checked + label:after { |
|
5829 left: 2.25rem; } |
|
5830 .switch label { |
|
5831 color: transparent; |
|
5832 background: #DDDDDD; } |
|
5833 .switch label:after { |
|
5834 background: #FFFFFF; } |
|
5835 .switch input:checked + label { |
|
5836 background: #008CBA; } |
|
5837 .switch.large label { |
|
5838 height: 2.5rem; |
|
5839 width: 5rem; } |
|
5840 .switch.large label:after { |
|
5841 height: 2rem; |
|
5842 width: 2rem; } |
|
5843 .switch.large input:checked + label:after { |
|
5844 left: 2.75rem; } |
|
5845 .switch.small label { |
|
5846 height: 1.75rem; |
|
5847 width: 3.5rem; } |
|
5848 .switch.small label:after { |
|
5849 height: 1.25rem; |
|
5850 width: 1.25rem; } |
|
5851 .switch.small input:checked + label:after { |
|
5852 left: 2rem; } |
|
5853 .switch.tiny label { |
|
5854 height: 1.5rem; |
|
5855 width: 3rem; } |
|
5856 .switch.tiny label:after { |
|
5857 height: 1rem; |
|
5858 width: 1rem; } |
|
5859 .switch.tiny input:checked + label:after { |
|
5860 left: 1.75rem; } |
|
5861 .switch.radius label { |
|
5862 border-radius: 4px; } |
|
5863 .switch.radius label:after { |
|
5864 border-radius: 3px; } |
|
5865 .switch.round { |
|
5866 border-radius: 1000px; } |
|
5867 .switch.round label { |
|
5868 border-radius: 2rem; } |
|
5869 .switch.round label:after { |
|
5870 border-radius: 2rem; } |
|
5871 |
|
5872 /* small displays */ |
|
5873 @media only screen { |
|
5874 .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 { |
|
5875 display: inherit !important; } |
|
5876 |
|
5877 .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 { |
|
5878 display: none !important; } |
|
5879 |
|
5880 .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 { |
|
5881 position: static !important; |
|
5882 height: auto; |
|
5883 width: auto; |
|
5884 overflow: visible; |
|
5885 clip: auto; } |
|
5886 |
|
5887 .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 { |
|
5888 clip: rect(1px, 1px, 1px, 1px); |
|
5889 height: 1px; |
|
5890 overflow: hidden; |
|
5891 position: absolute !important; |
|
5892 width: 1px; } |
|
5893 |
|
5894 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 { |
|
5895 display: table !important; } |
|
5896 |
|
5897 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 { |
|
5898 display: table-header-group !important; } |
|
5899 |
|
5900 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 { |
|
5901 display: table-row-group !important; } |
|
5902 |
|
5903 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 { |
|
5904 display: table-row; } |
|
5905 |
|
5906 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 { |
|
5907 display: table-cell !important; } } |
|
5908 /* medium displays */ |
|
5909 @media only screen and (min-width: 40.0625em) { |
|
5910 .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 { |
|
5911 display: inherit !important; } |
|
5912 |
|
5913 .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 { |
|
5914 display: none !important; } |
|
5915 |
|
5916 .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 { |
|
5917 position: static !important; |
|
5918 height: auto; |
|
5919 width: auto; |
|
5920 overflow: visible; |
|
5921 clip: auto; } |
|
5922 |
|
5923 .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 { |
|
5924 clip: rect(1px, 1px, 1px, 1px); |
|
5925 height: 1px; |
|
5926 overflow: hidden; |
|
5927 position: absolute !important; |
|
5928 width: 1px; } |
|
5929 |
|
5930 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 { |
|
5931 display: table !important; } |
|
5932 |
|
5933 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 { |
|
5934 display: table-header-group !important; } |
|
5935 |
|
5936 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 { |
|
5937 display: table-row-group !important; } |
|
5938 |
|
5939 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 { |
|
5940 display: table-row; } |
|
5941 |
|
5942 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 { |
|
5943 display: table-cell !important; } } |
|
5944 /* large displays */ |
|
5945 @media only screen and (min-width: 64.0625em) { |
|
5946 .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 { |
|
5947 display: inherit !important; } |
|
5948 |
|
5949 .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 { |
|
5950 display: none !important; } |
|
5951 |
|
5952 .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 { |
|
5953 position: static !important; |
|
5954 height: auto; |
|
5955 width: auto; |
|
5956 overflow: visible; |
|
5957 clip: auto; } |
|
5958 |
|
5959 .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 { |
|
5960 clip: rect(1px, 1px, 1px, 1px); |
|
5961 height: 1px; |
|
5962 overflow: hidden; |
|
5963 position: absolute !important; |
|
5964 width: 1px; } |
|
5965 |
|
5966 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 { |
|
5967 display: table !important; } |
|
5968 |
|
5969 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 { |
|
5970 display: table-header-group !important; } |
|
5971 |
|
5972 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 { |
|
5973 display: table-row-group !important; } |
|
5974 |
|
5975 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 { |
|
5976 display: table-row; } |
|
5977 |
|
5978 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 { |
|
5979 display: table-cell !important; } } |
|
5980 /* xlarge displays */ |
|
5981 @media only screen and (min-width: 90.0625em) { |
|
5982 .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 { |
|
5983 display: inherit !important; } |
|
5984 |
|
5985 .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 { |
|
5986 display: none !important; } |
|
5987 |
|
5988 .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 { |
|
5989 position: static !important; |
|
5990 height: auto; |
|
5991 width: auto; |
|
5992 overflow: visible; |
|
5993 clip: auto; } |
|
5994 |
|
5995 .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 { |
|
5996 clip: rect(1px, 1px, 1px, 1px); |
|
5997 height: 1px; |
|
5998 overflow: hidden; |
|
5999 position: absolute !important; |
|
6000 width: 1px; } |
|
6001 |
|
6002 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 { |
|
6003 display: table !important; } |
|
6004 |
|
6005 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 { |
|
6006 display: table-header-group !important; } |
|
6007 |
|
6008 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 { |
|
6009 display: table-row-group !important; } |
|
6010 |
|
6011 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 { |
|
6012 display: table-row; } |
|
6013 |
|
6014 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 { |
|
6015 display: table-cell !important; } } |
|
6016 /* xxlarge displays */ |
|
6017 @media only screen and (min-width: 120.0625em) { |
|
6018 .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 { |
|
6019 display: inherit !important; } |
|
6020 |
|
6021 .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 { |
|
6022 display: none !important; } |
|
6023 |
|
6024 .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 { |
|
6025 position: static !important; |
|
6026 height: auto; |
|
6027 width: auto; |
|
6028 overflow: visible; |
|
6029 clip: auto; } |
|
6030 |
|
6031 .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 { |
|
6032 clip: rect(1px, 1px, 1px, 1px); |
|
6033 height: 1px; |
|
6034 overflow: hidden; |
|
6035 position: absolute !important; |
|
6036 width: 1px; } |
|
6037 |
|
6038 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 { |
|
6039 display: table !important; } |
|
6040 |
|
6041 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 { |
|
6042 display: table-header-group !important; } |
|
6043 |
|
6044 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 { |
|
6045 display: table-row-group !important; } |
|
6046 |
|
6047 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 { |
|
6048 display: table-row; } |
|
6049 |
|
6050 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 { |
|
6051 display: table-cell !important; } } |
|
6052 /* Orientation targeting */ |
|
6053 .show-for-landscape, |
|
6054 .hide-for-portrait { |
|
6055 display: inherit !important; } |
|
6056 |
|
6057 .hide-for-landscape, |
|
6058 .show-for-portrait { |
|
6059 display: none !important; } |
|
6060 |
|
6061 /* Specific visibility for tables */ |
|
6062 table.hide-for-landscape, table.show-for-portrait { |
|
6063 display: table !important; } |
|
6064 |
|
6065 thead.hide-for-landscape, thead.show-for-portrait { |
|
6066 display: table-header-group !important; } |
|
6067 |
|
6068 tbody.hide-for-landscape, tbody.show-for-portrait { |
|
6069 display: table-row-group !important; } |
|
6070 |
|
6071 tr.hide-for-landscape, tr.show-for-portrait { |
|
6072 display: table-row !important; } |
|
6073 |
|
6074 td.hide-for-landscape, td.show-for-portrait, |
|
6075 th.hide-for-landscape, |
|
6076 th.show-for-portrait { |
|
6077 display: table-cell !important; } |
|
6078 |
|
6079 @media only screen and (orientation: landscape) { |
|
6080 .show-for-landscape, |
|
6081 .hide-for-portrait { |
|
6082 display: inherit !important; } |
|
6083 |
|
6084 .hide-for-landscape, |
|
6085 .show-for-portrait { |
|
6086 display: none !important; } |
|
6087 |
|
6088 /* Specific visibility for tables */ |
|
6089 table.show-for-landscape, table.hide-for-portrait { |
|
6090 display: table !important; } |
|
6091 |
|
6092 thead.show-for-landscape, thead.hide-for-portrait { |
|
6093 display: table-header-group !important; } |
|
6094 |
|
6095 tbody.show-for-landscape, tbody.hide-for-portrait { |
|
6096 display: table-row-group !important; } |
|
6097 |
|
6098 tr.show-for-landscape, tr.hide-for-portrait { |
|
6099 display: table-row !important; } |
|
6100 |
|
6101 td.show-for-landscape, td.hide-for-portrait, |
|
6102 th.show-for-landscape, |
|
6103 th.hide-for-portrait { |
|
6104 display: table-cell !important; } } |
|
6105 @media only screen and (orientation: portrait) { |
|
6106 .show-for-portrait, |
|
6107 .hide-for-landscape { |
|
6108 display: inherit !important; } |
|
6109 |
|
6110 .hide-for-portrait, |
|
6111 .show-for-landscape { |
|
6112 display: none !important; } |
|
6113 |
|
6114 /* Specific visibility for tables */ |
|
6115 table.show-for-portrait, table.hide-for-landscape { |
|
6116 display: table !important; } |
|
6117 |
|
6118 thead.show-for-portrait, thead.hide-for-landscape { |
|
6119 display: table-header-group !important; } |
|
6120 |
|
6121 tbody.show-for-portrait, tbody.hide-for-landscape { |
|
6122 display: table-row-group !important; } |
|
6123 |
|
6124 tr.show-for-portrait, tr.hide-for-landscape { |
|
6125 display: table-row !important; } |
|
6126 |
|
6127 td.show-for-portrait, td.hide-for-landscape, |
|
6128 th.show-for-portrait, |
|
6129 th.hide-for-landscape { |
|
6130 display: table-cell !important; } } |
|
6131 /* Touch-enabled device targeting */ |
|
6132 .show-for-touch { |
|
6133 display: none !important; } |
|
6134 |
|
6135 .hide-for-touch { |
|
6136 display: inherit !important; } |
|
6137 |
|
6138 .touch .show-for-touch { |
|
6139 display: inherit !important; } |
|
6140 |
|
6141 .touch .hide-for-touch { |
|
6142 display: none !important; } |
|
6143 |
|
6144 /* Specific visibility for tables */ |
|
6145 table.hide-for-touch { |
|
6146 display: table !important; } |
|
6147 |
|
6148 .touch table.show-for-touch { |
|
6149 display: table !important; } |
|
6150 |
|
6151 thead.hide-for-touch { |
|
6152 display: table-header-group !important; } |
|
6153 |
|
6154 .touch thead.show-for-touch { |
|
6155 display: table-header-group !important; } |
|
6156 |
|
6157 tbody.hide-for-touch { |
|
6158 display: table-row-group !important; } |
|
6159 |
|
6160 .touch tbody.show-for-touch { |
|
6161 display: table-row-group !important; } |
|
6162 |
|
6163 tr.hide-for-touch { |
|
6164 display: table-row !important; } |
|
6165 |
|
6166 .touch tr.show-for-touch { |
|
6167 display: table-row !important; } |
|
6168 |
|
6169 td.hide-for-touch { |
|
6170 display: table-cell !important; } |
|
6171 |
|
6172 .touch td.show-for-touch { |
|
6173 display: table-cell !important; } |
|
6174 |
|
6175 th.hide-for-touch { |
|
6176 display: table-cell !important; } |
|
6177 |
|
6178 .touch th.show-for-touch { |
|
6179 display: table-cell !important; } |
|
6180 |
|
6181 /* Screen reader-specific classes */ |
|
6182 .show-for-sr { |
|
6183 clip: rect(1px, 1px, 1px, 1px); |
|
6184 height: 1px; |
|
6185 overflow: hidden; |
|
6186 position: absolute !important; |
|
6187 width: 1px; } |
|
6188 |
|
6189 .show-on-focus { |
|
6190 clip: rect(1px, 1px, 1px, 1px); |
|
6191 height: 1px; |
|
6192 overflow: hidden; |
|
6193 position: absolute !important; |
|
6194 width: 1px; } |
|
6195 .show-on-focus:focus, .show-on-focus:active { |
|
6196 position: static !important; |
|
6197 height: auto; |
|
6198 width: auto; |
|
6199 overflow: visible; |
|
6200 clip: auto; } |
|
6201 |
|
6202 /* |
|
6203 * Print styles. |
|
6204 * |
|
6205 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ |
|
6206 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) |
|
6207 */ |
|
6208 .print-only { |
|
6209 display: none !important; } |
|
6210 |
|
6211 @media print { |
|
6212 * { |
|
6213 background: transparent !important; |
|
6214 box-shadow: none !important; |
|
6215 color: #000000 !important; |
|
6216 /* Black prints faster: h5bp.com/s */ |
|
6217 text-shadow: none !important; } |
|
6218 |
|
6219 .show-for-print { |
|
6220 display: block; } |
|
6221 |
|
6222 .hide-for-print { |
|
6223 display: none; } |
|
6224 |
|
6225 table.show-for-print { |
|
6226 display: table !important; } |
|
6227 |
|
6228 thead.show-for-print { |
|
6229 display: table-header-group !important; } |
|
6230 |
|
6231 tbody.show-for-print { |
|
6232 display: table-row-group !important; } |
|
6233 |
|
6234 tr.show-for-print { |
|
6235 display: table-row !important; } |
|
6236 |
|
6237 td.show-for-print { |
|
6238 display: table-cell !important; } |
|
6239 |
|
6240 th.show-for-print { |
|
6241 display: table-cell !important; } |
|
6242 |
|
6243 a, |
|
6244 a:visited { |
|
6245 text-decoration: underline; } |
|
6246 |
|
6247 a[href]:after { |
|
6248 content: " (" attr(href) ")"; } |
|
6249 |
|
6250 abbr[title]:after { |
|
6251 content: " (" attr(title) ")"; } |
|
6252 |
|
6253 .ir a:after, |
|
6254 a[href^="javascript:"]:after, |
|
6255 a[href^="#"]:after { |
|
6256 content: ""; } |
|
6257 |
|
6258 pre, |
|
6259 blockquote { |
|
6260 border: 1px solid #999999; |
|
6261 page-break-inside: avoid; } |
|
6262 |
|
6263 thead { |
|
6264 display: table-header-group; |
|
6265 /* h5bp.com/t */ } |
|
6266 |
|
6267 tr, |
|
6268 img { |
|
6269 page-break-inside: avoid; } |
|
6270 |
|
6271 img { |
|
6272 max-width: 100% !important; } |
|
6273 |
|
6274 @page { |
|
6275 margin: .5cm; } |
|
6276 p, |
|
6277 h2, |
|
6278 h3 { |
|
6279 orphans: 3; |
|
6280 widows: 3; } |
|
6281 |
|
6282 h2, |
|
6283 h3 { |
|
6284 page-break-after: avoid; } |
|
6285 |
|
6286 .hide-on-print { |
|
6287 display: none !important; } |
|
6288 |
|
6289 .print-only { |
|
6290 display: block !important; } |
|
6291 |
|
6292 .hide-for-print { |
|
6293 display: none !important; } |
|
6294 |
|
6295 .show-for-print { |
|
6296 display: inherit !important; } } |
|
6297 /* Print visibility */ |
|
6298 @media print { |
|
6299 .show-for-print { |
|
6300 display: block; } |
|
6301 |
|
6302 .hide-for-print { |
|
6303 display: none; } |
|
6304 |
|
6305 table.show-for-print { |
|
6306 display: table !important; } |
|
6307 |
|
6308 thead.show-for-print { |
|
6309 display: table-header-group !important; } |
|
6310 |
|
6311 tbody.show-for-print { |
|
6312 display: table-row-group !important; } |
|
6313 |
|
6314 tr.show-for-print { |
|
6315 display: table-row !important; } |
|
6316 |
|
6317 td.show-for-print { |
|
6318 display: table-cell !important; } |
|
6319 |
|
6320 th.show-for-print { |
|
6321 display: table-cell !important; } } |
|
6322 @media not print { |
|
6323 .show-for-print { |
|
6324 display: none !important; } } |