Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(380)

Side by Side Diff: packages/csslib/test/examples/foundation.css

Issue 2990843002: Removed fixed dependencies (Closed)
Patch Set: Created 3 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « packages/csslib/test/examples/bulma.css ('k') | packages/csslib/test/examples/materialize.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 @charset "UTF-8";
2 /**
3 * Foundation for Sites by ZURB
4 * Version 6.3.1
5 * foundation.zurb.com
6 * Licensed under MIT Open Source
7 */
8 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
9 /* Document
10 ========================================================================= = */
11 /**
12 * 1. Change the default font family in all browsers (opinionated).
13 * 2. Correct the line height in all browsers.
14 * 3. Prevent adjustments of font size after orientation changes in
15 * IE on Windows Phone and in iOS.
16 */
17 html {
18 font-family: sans-serif;
19 /* 1 */
20 line-height: 1.15;
21 /* 2 */
22 -ms-text-size-adjust: 100%;
23 /* 3 */
24 -webkit-text-size-adjust: 100%;
25 /* 3 */ }
26
27 /* Sections
28 ========================================================================= = */
29 /**
30 * Remove the margin in all browsers (opinionated).
31 */
32 body {
33 margin: 0; }
34
35 /**
36 * Add the correct display in IE 9-.
37 */
38 article,
39 aside,
40 footer,
41 header,
42 nav,
43 section {
44 display: block; }
45
46 /**
47 * Correct the font size and margin on `h1` elements within `section` and
48 * `article` contexts in Chrome, Firefox, and Safari.
49 */
50 h1 {
51 font-size: 2em;
52 margin: 0.67em 0; }
53
54 /* Grouping content
55 ========================================================================= = */
56 /**
57 * Add the correct display in IE 9-.
58 */
59 figcaption,
60 figure {
61 display: block; }
62
63 /**
64 * Add the correct margin in IE 8.
65 */
66 figure {
67 margin: 1em 40px; }
68
69 /**
70 * 1. Add the correct box sizing in Firefox.
71 * 2. Show the overflow in Edge and IE.
72 */
73 hr {
74 box-sizing: content-box;
75 /* 1 */
76 height: 0;
77 /* 1 */
78 overflow: visible;
79 /* 2 */ }
80
81 /**
82 * Add the correct display in IE.
83 */
84 main {
85 display: block; }
86
87 /**
88 * 1. Correct the inheritance and scaling of font size in all browsers.
89 * 2. Correct the odd `em` font sizing in all browsers.
90 */
91 pre {
92 font-family: monospace, monospace;
93 /* 1 */
94 font-size: 1em;
95 /* 2 */ }
96
97 /* Links
98 ========================================================================= = */
99 /**
100 * 1. Remove the gray background on active links in IE 10.
101 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
102 */
103 a {
104 background-color: transparent;
105 /* 1 */
106 -webkit-text-decoration-skip: objects;
107 /* 2 */ }
108
109 /**
110 * Remove the outline on focused links when they are also active or hovered
111 * in all browsers (opinionated).
112 */
113 a:active,
114 a:hover {
115 outline-width: 0; }
116
117 /* Text-level semantics
118 ========================================================================= = */
119 /**
120 * 1. Remove the bottom border in Firefox 39-.
121 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari .
122 */
123 abbr[title] {
124 border-bottom: none;
125 /* 1 */
126 text-decoration: underline;
127 /* 2 */
128 text-decoration: underline dotted;
129 /* 2 */ }
130
131 /**
132 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
133 */
134 b,
135 strong {
136 font-weight: inherit; }
137
138 /**
139 * Add the correct font weight in Chrome, Edge, and Safari.
140 */
141 b,
142 strong {
143 font-weight: bolder; }
144
145 /**
146 * 1. Correct the inheritance and scaling of font size in all browsers.
147 * 2. Correct the odd `em` font sizing in all browsers.
148 */
149 code,
150 kbd,
151 samp {
152 font-family: monospace, monospace;
153 /* 1 */
154 font-size: 1em;
155 /* 2 */ }
156
157 /**
158 * Add the correct font style in Android 4.3-.
159 */
160 dfn {
161 font-style: italic; }
162
163 /**
164 * Add the correct background and color in IE 9-.
165 */
166 mark {
167 background-color: #ff0;
168 color: #000; }
169
170 /**
171 * Add the correct font size in all browsers.
172 */
173 small {
174 font-size: 80%; }
175
176 /**
177 * Prevent `sub` and `sup` elements from affecting the line height in
178 * all browsers.
179 */
180 sub,
181 sup {
182 font-size: 75%;
183 line-height: 0;
184 position: relative;
185 vertical-align: baseline; }
186
187 sub {
188 bottom: -0.25em; }
189
190 sup {
191 top: -0.5em; }
192
193 /* Embedded content
194 ========================================================================= = */
195 /**
196 * Add the correct display in IE 9-.
197 */
198 audio,
199 video {
200 display: inline-block; }
201
202 /**
203 * Add the correct display in iOS 4-7.
204 */
205 audio:not([controls]) {
206 display: none;
207 height: 0; }
208
209 /**
210 * Remove the border on images inside links in IE 10-.
211 */
212 img {
213 border-style: none; }
214
215 /**
216 * Hide the overflow in IE.
217 */
218 svg:not(:root) {
219 overflow: hidden; }
220
221 /* Forms
222 ========================================================================= = */
223 /**
224 * 1. Change the font styles in all browsers (opinionated).
225 * 2. Remove the margin in Firefox and Safari.
226 */
227 button,
228 input,
229 optgroup,
230 select,
231 textarea {
232 font-family: sans-serif;
233 /* 1 */
234 font-size: 100%;
235 /* 1 */
236 line-height: 1.15;
237 /* 1 */
238 margin: 0;
239 /* 2 */ }
240
241 /**
242 * Show the overflow in IE.
243 */
244 button {
245 overflow: visible; }
246
247 /**
248 * Remove the inheritance of text transform in Edge, Firefox, and IE.
249 * 1. Remove the inheritance of text transform in Firefox.
250 */
251 button,
252 select {
253 /* 1 */
254 text-transform: none; }
255
256 /**
257 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
258 * controls in Android 4.
259 * 2. Correct the inability to style clickable types in iOS and Safari.
260 */
261 button,
262 html [type="button"],
263 [type="reset"],
264 [type="submit"] {
265 -webkit-appearance: button;
266 /* 2 */ }
267
268 button,
269 [type="button"],
270 [type="reset"],
271 [type="submit"] {
272 /**
273 * Remove the inner border and padding in Firefox.
274 */
275 /**
276 * Restore the focus styles unset by the previous rule.
277 */ }
278 button::-moz-focus-inner,
279 [type="button"]::-moz-focus-inner,
280 [type="reset"]::-moz-focus-inner,
281 [type="submit"]::-moz-focus-inner {
282 border-style: none;
283 padding: 0; }
284 button:-moz-focusring,
285 [type="button"]:-moz-focusring,
286 [type="reset"]:-moz-focusring,
287 [type="submit"]:-moz-focusring {
288 outline: 1px dotted ButtonText; }
289
290 /**
291 * Show the overflow in Edge.
292 */
293 input {
294 overflow: visible; }
295
296 /**
297 * 1. Add the correct box sizing in IE 10-.
298 * 2. Remove the padding in IE 10-.
299 */
300 [type="checkbox"],
301 [type="radio"] {
302 box-sizing: border-box;
303 /* 1 */
304 padding: 0;
305 /* 2 */ }
306
307 /**
308 * Correct the cursor style of increment and decrement buttons in Chrome.
309 */
310 [type="number"]::-webkit-inner-spin-button,
311 [type="number"]::-webkit-outer-spin-button {
312 height: auto; }
313
314 /**
315 * 1. Correct the odd appearance in Chrome and Safari.
316 * 2. Correct the outline style in Safari.
317 */
318 [type="search"] {
319 -webkit-appearance: textfield;
320 /* 1 */
321 outline-offset: -2px;
322 /* 2 */
323 /**
324 * Remove the inner padding and cancel buttons in Chrome and Safari on mac OS.
325 */ }
326 [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search -decoration {
327 -webkit-appearance: none; }
328
329 /**
330 * 1. Correct the inability to style clickable types in iOS and Safari.
331 * 2. Change font properties to `inherit` in Safari.
332 */
333 ::-webkit-file-upload-button {
334 -webkit-appearance: button;
335 /* 1 */
336 font: inherit;
337 /* 2 */ }
338
339 /**
340 * Change the border, margin, and padding in all browsers (opinionated).
341 */
342 fieldset {
343 border: 1px solid #c0c0c0;
344 margin: 0 2px;
345 padding: 0.35em 0.625em 0.75em; }
346
347 /**
348 * 1. Correct the text wrapping in Edge and IE.
349 * 2. Correct the color inheritance from `fieldset` elements in IE.
350 * 3. Remove the padding so developers are not caught out when they zero out
351 * `fieldset` elements in all browsers.
352 */
353 legend {
354 box-sizing: border-box;
355 /* 1 */
356 display: table;
357 /* 1 */
358 max-width: 100%;
359 /* 1 */
360 padding: 0;
361 /* 3 */
362 color: inherit;
363 /* 2 */
364 white-space: normal;
365 /* 1 */ }
366
367 /**
368 * 1. Add the correct display in IE 9-.
369 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
370 */
371 progress {
372 display: inline-block;
373 /* 1 */
374 vertical-align: baseline;
375 /* 2 */ }
376
377 /**
378 * Remove the default vertical scrollbar in IE.
379 */
380 textarea {
381 overflow: auto; }
382
383 /* Interactive
384 ========================================================================= = */
385 /*
386 * Add the correct display in Edge, IE, and Firefox.
387 */
388 details {
389 display: block; }
390
391 /*
392 * Add the correct display in all browsers.
393 */
394 summary {
395 display: list-item; }
396
397 /*
398 * Add the correct display in IE 9-.
399 */
400 menu {
401 display: block; }
402
403 /* Scripting
404 ========================================================================= = */
405 /**
406 * Add the correct display in IE 9-.
407 */
408 canvas {
409 display: inline-block; }
410
411 /**
412 * Add the correct display in IE.
413 */
414 template {
415 display: none; }
416
417 /* Hidden
418 ========================================================================= = */
419 /**
420 * Add the correct display in IE 10-.
421 */
422 [hidden] {
423 display: none; }
424
425 .foundation-mq {
426 font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
427
428 html {
429 box-sizing: border-box;
430 font-size: 100%; }
431
432 *,
433 *::before,
434 *::after {
435 box-sizing: inherit; }
436
437 body {
438 margin: 0;
439 padding: 0;
440 background: #fefefe;
441 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
442 font-weight: normal;
443 line-height: 1.5;
444 color: #0a0a0a;
445 -webkit-font-smoothing: antialiased;
446 -moz-osx-font-smoothing: grayscale; }
447
448 img {
449 display: inline-block;
450 vertical-align: middle;
451 max-width: 100%;
452 height: auto;
453 -ms-interpolation-mode: bicubic; }
454
455 textarea {
456 height: auto;
457 min-height: 50px;
458 border-radius: 0; }
459
460 select {
461 box-sizing: border-box;
462 width: 100%;
463 border-radius: 0; }
464
465 .map_canvas img,
466 .map_canvas embed,
467 .map_canvas object,
468 .mqa-display img,
469 .mqa-display embed,
470 .mqa-display object {
471 max-width: none !important; }
472
473 button {
474 padding: 0;
475 -webkit-appearance: none;
476 -moz-appearance: none;
477 appearance: none;
478 border: 0;
479 border-radius: 0;
480 background: transparent;
481 line-height: 1; }
482 [data-whatinput='mouse'] button {
483 outline: 0; }
484
485 pre {
486 overflow: auto; }
487
488 .is-visible {
489 display: block !important; }
490
491 .is-hidden {
492 display: none !important; }
493
494 .row {
495 max-width: 75rem;
496 margin-right: auto;
497 margin-left: auto; }
498 .row::before, .row::after {
499 display: table;
500 content: ' '; }
501 .row::after {
502 clear: both; }
503 .row.collapse > .column, .row.collapse > .columns {
504 padding-right: 0;
505 padding-left: 0; }
506 .row .row {
507 margin-right: -0.625rem;
508 margin-left: -0.625rem; }
509 @media print, screen and (min-width: 40em) {
510 .row .row {
511 margin-right: -0.9375rem;
512 margin-left: -0.9375rem; } }
513 @media print, screen and (min-width: 64em) {
514 .row .row {
515 margin-right: -0.9375rem;
516 margin-left: -0.9375rem; } }
517 .row .row.collapse {
518 margin-right: 0;
519 margin-left: 0; }
520 .row.expanded {
521 max-width: none; }
522 .row.expanded .row {
523 margin-right: auto;
524 margin-left: auto; }
525 .row:not(.expanded) .row {
526 max-width: none; }
527 .row.gutter-small > .column, .row.gutter-small > .columns {
528 padding-right: 0.625rem;
529 padding-left: 0.625rem; }
530 .row.gutter-medium > .column, .row.gutter-medium > .columns {
531 padding-right: 0.9375rem;
532 padding-left: 0.9375rem; }
533
534 .column, .columns {
535 width: 100%;
536 float: left;
537 padding-right: 0.625rem;
538 padding-left: 0.625rem; }
539 @media print, screen and (min-width: 40em) {
540 .column, .columns {
541 padding-right: 0.9375rem;
542 padding-left: 0.9375rem; } }
543 .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
544 float: right; }
545 .column.end:last-child:last-child, .end.columns:last-child:last-child {
546 float: left; }
547
548 .column.row.row, .row.row.columns {
549 float: none; }
550
551 .row .column.row.row, .row .row.row.columns {
552 margin-right: 0;
553 margin-left: 0;
554 padding-right: 0;
555 padding-left: 0; }
556
557 .small-1 {
558 width: 8.33333%; }
559
560 .small-push-1 {
561 position: relative;
562 left: 8.33333%; }
563
564 .small-pull-1 {
565 position: relative;
566 left: -8.33333%; }
567
568 .small-offset-0 {
569 margin-left: 0%; }
570
571 .small-2 {
572 width: 16.66667%; }
573
574 .small-push-2 {
575 position: relative;
576 left: 16.66667%; }
577
578 .small-pull-2 {
579 position: relative;
580 left: -16.66667%; }
581
582 .small-offset-1 {
583 margin-left: 8.33333%; }
584
585 .small-3 {
586 width: 25%; }
587
588 .small-push-3 {
589 position: relative;
590 left: 25%; }
591
592 .small-pull-3 {
593 position: relative;
594 left: -25%; }
595
596 .small-offset-2 {
597 margin-left: 16.66667%; }
598
599 .small-4 {
600 width: 33.33333%; }
601
602 .small-push-4 {
603 position: relative;
604 left: 33.33333%; }
605
606 .small-pull-4 {
607 position: relative;
608 left: -33.33333%; }
609
610 .small-offset-3 {
611 margin-left: 25%; }
612
613 .small-5 {
614 width: 41.66667%; }
615
616 .small-push-5 {
617 position: relative;
618 left: 41.66667%; }
619
620 .small-pull-5 {
621 position: relative;
622 left: -41.66667%; }
623
624 .small-offset-4 {
625 margin-left: 33.33333%; }
626
627 .small-6 {
628 width: 50%; }
629
630 .small-push-6 {
631 position: relative;
632 left: 50%; }
633
634 .small-pull-6 {
635 position: relative;
636 left: -50%; }
637
638 .small-offset-5 {
639 margin-left: 41.66667%; }
640
641 .small-7 {
642 width: 58.33333%; }
643
644 .small-push-7 {
645 position: relative;
646 left: 58.33333%; }
647
648 .small-pull-7 {
649 position: relative;
650 left: -58.33333%; }
651
652 .small-offset-6 {
653 margin-left: 50%; }
654
655 .small-8 {
656 width: 66.66667%; }
657
658 .small-push-8 {
659 position: relative;
660 left: 66.66667%; }
661
662 .small-pull-8 {
663 position: relative;
664 left: -66.66667%; }
665
666 .small-offset-7 {
667 margin-left: 58.33333%; }
668
669 .small-9 {
670 width: 75%; }
671
672 .small-push-9 {
673 position: relative;
674 left: 75%; }
675
676 .small-pull-9 {
677 position: relative;
678 left: -75%; }
679
680 .small-offset-8 {
681 margin-left: 66.66667%; }
682
683 .small-10 {
684 width: 83.33333%; }
685
686 .small-push-10 {
687 position: relative;
688 left: 83.33333%; }
689
690 .small-pull-10 {
691 position: relative;
692 left: -83.33333%; }
693
694 .small-offset-9 {
695 margin-left: 75%; }
696
697 .small-11 {
698 width: 91.66667%; }
699
700 .small-push-11 {
701 position: relative;
702 left: 91.66667%; }
703
704 .small-pull-11 {
705 position: relative;
706 left: -91.66667%; }
707
708 .small-offset-10 {
709 margin-left: 83.33333%; }
710
711 .small-12 {
712 width: 100%; }
713
714 .small-offset-11 {
715 margin-left: 91.66667%; }
716
717 .small-up-1 > .column, .small-up-1 > .columns {
718 float: left;
719 width: 100%; }
720 .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
721 clear: none; }
722 .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n +1) {
723 clear: both; }
724 .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
725 float: left; }
726
727 .small-up-2 > .column, .small-up-2 > .columns {
728 float: left;
729 width: 50%; }
730 .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
731 clear: none; }
732 .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n +1) {
733 clear: both; }
734 .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
735 float: left; }
736
737 .small-up-3 > .column, .small-up-3 > .columns {
738 float: left;
739 width: 33.33333%; }
740 .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
741 clear: none; }
742 .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n +1) {
743 clear: both; }
744 .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
745 float: left; }
746
747 .small-up-4 > .column, .small-up-4 > .columns {
748 float: left;
749 width: 25%; }
750 .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
751 clear: none; }
752 .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n +1) {
753 clear: both; }
754 .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
755 float: left; }
756
757 .small-up-5 > .column, .small-up-5 > .columns {
758 float: left;
759 width: 20%; }
760 .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
761 clear: none; }
762 .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n +1) {
763 clear: both; }
764 .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
765 float: left; }
766
767 .small-up-6 > .column, .small-up-6 > .columns {
768 float: left;
769 width: 16.66667%; }
770 .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
771 clear: none; }
772 .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n +1) {
773 clear: both; }
774 .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
775 float: left; }
776
777 .small-up-7 > .column, .small-up-7 > .columns {
778 float: left;
779 width: 14.28571%; }
780 .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
781 clear: none; }
782 .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n +1) {
783 clear: both; }
784 .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
785 float: left; }
786
787 .small-up-8 > .column, .small-up-8 > .columns {
788 float: left;
789 width: 12.5%; }
790 .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
791 clear: none; }
792 .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n +1) {
793 clear: both; }
794 .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
795 float: left; }
796
797 .small-collapse > .column, .small-collapse > .columns {
798 padding-right: 0;
799 padding-left: 0; }
800
801 .small-collapse .row {
802 margin-right: 0;
803 margin-left: 0; }
804
805 .expanded.row .small-collapse.row {
806 margin-right: 0;
807 margin-left: 0; }
808
809 .small-uncollapse > .column, .small-uncollapse > .columns {
810 padding-right: 0.625rem;
811 padding-left: 0.625rem; }
812
813 .small-centered {
814 margin-right: auto;
815 margin-left: auto; }
816 .small-centered, .small-centered:last-child:not(:first-child) {
817 float: none;
818 clear: both; }
819
820 .small-uncentered,
821 .small-push-0,
822 .small-pull-0 {
823 position: static;
824 float: left;
825 margin-right: 0;
826 margin-left: 0; }
827
828 @media print, screen and (min-width: 40em) {
829 .medium-1 {
830 width: 8.33333%; }
831 .medium-push-1 {
832 position: relative;
833 left: 8.33333%; }
834 .medium-pull-1 {
835 position: relative;
836 left: -8.33333%; }
837 .medium-offset-0 {
838 margin-left: 0%; }
839 .medium-2 {
840 width: 16.66667%; }
841 .medium-push-2 {
842 position: relative;
843 left: 16.66667%; }
844 .medium-pull-2 {
845 position: relative;
846 left: -16.66667%; }
847 .medium-offset-1 {
848 margin-left: 8.33333%; }
849 .medium-3 {
850 width: 25%; }
851 .medium-push-3 {
852 position: relative;
853 left: 25%; }
854 .medium-pull-3 {
855 position: relative;
856 left: -25%; }
857 .medium-offset-2 {
858 margin-left: 16.66667%; }
859 .medium-4 {
860 width: 33.33333%; }
861 .medium-push-4 {
862 position: relative;
863 left: 33.33333%; }
864 .medium-pull-4 {
865 position: relative;
866 left: -33.33333%; }
867 .medium-offset-3 {
868 margin-left: 25%; }
869 .medium-5 {
870 width: 41.66667%; }
871 .medium-push-5 {
872 position: relative;
873 left: 41.66667%; }
874 .medium-pull-5 {
875 position: relative;
876 left: -41.66667%; }
877 .medium-offset-4 {
878 margin-left: 33.33333%; }
879 .medium-6 {
880 width: 50%; }
881 .medium-push-6 {
882 position: relative;
883 left: 50%; }
884 .medium-pull-6 {
885 position: relative;
886 left: -50%; }
887 .medium-offset-5 {
888 margin-left: 41.66667%; }
889 .medium-7 {
890 width: 58.33333%; }
891 .medium-push-7 {
892 position: relative;
893 left: 58.33333%; }
894 .medium-pull-7 {
895 position: relative;
896 left: -58.33333%; }
897 .medium-offset-6 {
898 margin-left: 50%; }
899 .medium-8 {
900 width: 66.66667%; }
901 .medium-push-8 {
902 position: relative;
903 left: 66.66667%; }
904 .medium-pull-8 {
905 position: relative;
906 left: -66.66667%; }
907 .medium-offset-7 {
908 margin-left: 58.33333%; }
909 .medium-9 {
910 width: 75%; }
911 .medium-push-9 {
912 position: relative;
913 left: 75%; }
914 .medium-pull-9 {
915 position: relative;
916 left: -75%; }
917 .medium-offset-8 {
918 margin-left: 66.66667%; }
919 .medium-10 {
920 width: 83.33333%; }
921 .medium-push-10 {
922 position: relative;
923 left: 83.33333%; }
924 .medium-pull-10 {
925 position: relative;
926 left: -83.33333%; }
927 .medium-offset-9 {
928 margin-left: 75%; }
929 .medium-11 {
930 width: 91.66667%; }
931 .medium-push-11 {
932 position: relative;
933 left: 91.66667%; }
934 .medium-pull-11 {
935 position: relative;
936 left: -91.66667%; }
937 .medium-offset-10 {
938 margin-left: 83.33333%; }
939 .medium-12 {
940 width: 100%; }
941 .medium-offset-11 {
942 margin-left: 91.66667%; }
943 .medium-up-1 > .column, .medium-up-1 > .columns {
944 float: left;
945 width: 100%; }
946 .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type( 1n) {
947 clear: none; }
948 .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-typ e(1n+1) {
949 clear: both; }
950 .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
951 float: left; }
952 .medium-up-2 > .column, .medium-up-2 > .columns {
953 float: left;
954 width: 50%; }
955 .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type( 1n) {
956 clear: none; }
957 .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-typ e(2n+1) {
958 clear: both; }
959 .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
960 float: left; }
961 .medium-up-3 > .column, .medium-up-3 > .columns {
962 float: left;
963 width: 33.33333%; }
964 .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type( 1n) {
965 clear: none; }
966 .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-typ e(3n+1) {
967 clear: both; }
968 .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
969 float: left; }
970 .medium-up-4 > .column, .medium-up-4 > .columns {
971 float: left;
972 width: 25%; }
973 .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type( 1n) {
974 clear: none; }
975 .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-typ e(4n+1) {
976 clear: both; }
977 .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
978 float: left; }
979 .medium-up-5 > .column, .medium-up-5 > .columns {
980 float: left;
981 width: 20%; }
982 .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type( 1n) {
983 clear: none; }
984 .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-typ e(5n+1) {
985 clear: both; }
986 .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
987 float: left; }
988 .medium-up-6 > .column, .medium-up-6 > .columns {
989 float: left;
990 width: 16.66667%; }
991 .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type( 1n) {
992 clear: none; }
993 .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-typ e(6n+1) {
994 clear: both; }
995 .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
996 float: left; }
997 .medium-up-7 > .column, .medium-up-7 > .columns {
998 float: left;
999 width: 14.28571%; }
1000 .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type( 1n) {
1001 clear: none; }
1002 .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-typ e(7n+1) {
1003 clear: both; }
1004 .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
1005 float: left; }
1006 .medium-up-8 > .column, .medium-up-8 > .columns {
1007 float: left;
1008 width: 12.5%; }
1009 .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type( 1n) {
1010 clear: none; }
1011 .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-typ e(8n+1) {
1012 clear: both; }
1013 .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
1014 float: left; }
1015 .medium-collapse > .column, .medium-collapse > .columns {
1016 padding-right: 0;
1017 padding-left: 0; }
1018 .medium-collapse .row {
1019 margin-right: 0;
1020 margin-left: 0; }
1021 .expanded.row .medium-collapse.row {
1022 margin-right: 0;
1023 margin-left: 0; }
1024 .medium-uncollapse > .column, .medium-uncollapse > .columns {
1025 padding-right: 0.9375rem;
1026 padding-left: 0.9375rem; }
1027 .medium-centered {
1028 margin-right: auto;
1029 margin-left: auto; }
1030 .medium-centered, .medium-centered:last-child:not(:first-child) {
1031 float: none;
1032 clear: both; }
1033 .medium-uncentered,
1034 .medium-push-0,
1035 .medium-pull-0 {
1036 position: static;
1037 float: left;
1038 margin-right: 0;
1039 margin-left: 0; } }
1040
1041 @media print, screen and (min-width: 64em) {
1042 .large-1 {
1043 width: 8.33333%; }
1044 .large-push-1 {
1045 position: relative;
1046 left: 8.33333%; }
1047 .large-pull-1 {
1048 position: relative;
1049 left: -8.33333%; }
1050 .large-offset-0 {
1051 margin-left: 0%; }
1052 .large-2 {
1053 width: 16.66667%; }
1054 .large-push-2 {
1055 position: relative;
1056 left: 16.66667%; }
1057 .large-pull-2 {
1058 position: relative;
1059 left: -16.66667%; }
1060 .large-offset-1 {
1061 margin-left: 8.33333%; }
1062 .large-3 {
1063 width: 25%; }
1064 .large-push-3 {
1065 position: relative;
1066 left: 25%; }
1067 .large-pull-3 {
1068 position: relative;
1069 left: -25%; }
1070 .large-offset-2 {
1071 margin-left: 16.66667%; }
1072 .large-4 {
1073 width: 33.33333%; }
1074 .large-push-4 {
1075 position: relative;
1076 left: 33.33333%; }
1077 .large-pull-4 {
1078 position: relative;
1079 left: -33.33333%; }
1080 .large-offset-3 {
1081 margin-left: 25%; }
1082 .large-5 {
1083 width: 41.66667%; }
1084 .large-push-5 {
1085 position: relative;
1086 left: 41.66667%; }
1087 .large-pull-5 {
1088 position: relative;
1089 left: -41.66667%; }
1090 .large-offset-4 {
1091 margin-left: 33.33333%; }
1092 .large-6 {
1093 width: 50%; }
1094 .large-push-6 {
1095 position: relative;
1096 left: 50%; }
1097 .large-pull-6 {
1098 position: relative;
1099 left: -50%; }
1100 .large-offset-5 {
1101 margin-left: 41.66667%; }
1102 .large-7 {
1103 width: 58.33333%; }
1104 .large-push-7 {
1105 position: relative;
1106 left: 58.33333%; }
1107 .large-pull-7 {
1108 position: relative;
1109 left: -58.33333%; }
1110 .large-offset-6 {
1111 margin-left: 50%; }
1112 .large-8 {
1113 width: 66.66667%; }
1114 .large-push-8 {
1115 position: relative;
1116 left: 66.66667%; }
1117 .large-pull-8 {
1118 position: relative;
1119 left: -66.66667%; }
1120 .large-offset-7 {
1121 margin-left: 58.33333%; }
1122 .large-9 {
1123 width: 75%; }
1124 .large-push-9 {
1125 position: relative;
1126 left: 75%; }
1127 .large-pull-9 {
1128 position: relative;
1129 left: -75%; }
1130 .large-offset-8 {
1131 margin-left: 66.66667%; }
1132 .large-10 {
1133 width: 83.33333%; }
1134 .large-push-10 {
1135 position: relative;
1136 left: 83.33333%; }
1137 .large-pull-10 {
1138 position: relative;
1139 left: -83.33333%; }
1140 .large-offset-9 {
1141 margin-left: 75%; }
1142 .large-11 {
1143 width: 91.66667%; }
1144 .large-push-11 {
1145 position: relative;
1146 left: 91.66667%; }
1147 .large-pull-11 {
1148 position: relative;
1149 left: -91.66667%; }
1150 .large-offset-10 {
1151 margin-left: 83.33333%; }
1152 .large-12 {
1153 width: 100%; }
1154 .large-offset-11 {
1155 margin-left: 91.66667%; }
1156 .large-up-1 > .column, .large-up-1 > .columns {
1157 float: left;
1158 width: 100%; }
1159 .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n ) {
1160 clear: none; }
1161 .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type( 1n+1) {
1162 clear: both; }
1163 .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
1164 float: left; }
1165 .large-up-2 > .column, .large-up-2 > .columns {
1166 float: left;
1167 width: 50%; }
1168 .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n ) {
1169 clear: none; }
1170 .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type( 2n+1) {
1171 clear: both; }
1172 .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
1173 float: left; }
1174 .large-up-3 > .column, .large-up-3 > .columns {
1175 float: left;
1176 width: 33.33333%; }
1177 .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n ) {
1178 clear: none; }
1179 .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type( 3n+1) {
1180 clear: both; }
1181 .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
1182 float: left; }
1183 .large-up-4 > .column, .large-up-4 > .columns {
1184 float: left;
1185 width: 25%; }
1186 .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n ) {
1187 clear: none; }
1188 .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type( 4n+1) {
1189 clear: both; }
1190 .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
1191 float: left; }
1192 .large-up-5 > .column, .large-up-5 > .columns {
1193 float: left;
1194 width: 20%; }
1195 .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n ) {
1196 clear: none; }
1197 .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type( 5n+1) {
1198 clear: both; }
1199 .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
1200 float: left; }
1201 .large-up-6 > .column, .large-up-6 > .columns {
1202 float: left;
1203 width: 16.66667%; }
1204 .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n ) {
1205 clear: none; }
1206 .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type( 6n+1) {
1207 clear: both; }
1208 .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
1209 float: left; }
1210 .large-up-7 > .column, .large-up-7 > .columns {
1211 float: left;
1212 width: 14.28571%; }
1213 .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n ) {
1214 clear: none; }
1215 .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type( 7n+1) {
1216 clear: both; }
1217 .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
1218 float: left; }
1219 .large-up-8 > .column, .large-up-8 > .columns {
1220 float: left;
1221 width: 12.5%; }
1222 .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n ) {
1223 clear: none; }
1224 .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type( 8n+1) {
1225 clear: both; }
1226 .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
1227 float: left; }
1228 .large-collapse > .column, .large-collapse > .columns {
1229 padding-right: 0;
1230 padding-left: 0; }
1231 .large-collapse .row {
1232 margin-right: 0;
1233 margin-left: 0; }
1234 .expanded.row .large-collapse.row {
1235 margin-right: 0;
1236 margin-left: 0; }
1237 .large-uncollapse > .column, .large-uncollapse > .columns {
1238 padding-right: 0.9375rem;
1239 padding-left: 0.9375rem; }
1240 .large-centered {
1241 margin-right: auto;
1242 margin-left: auto; }
1243 .large-centered, .large-centered:last-child:not(:first-child) {
1244 float: none;
1245 clear: both; }
1246 .large-uncentered,
1247 .large-push-0,
1248 .large-pull-0 {
1249 position: static;
1250 float: left;
1251 margin-right: 0;
1252 margin-left: 0; } }
1253
1254 .column-block {
1255 margin-bottom: 1.25rem; }
1256 .column-block > :last-child {
1257 margin-bottom: 0; }
1258 @media print, screen and (min-width: 40em) {
1259 .column-block {
1260 margin-bottom: 1.875rem; }
1261 .column-block > :last-child {
1262 margin-bottom: 0; } }
1263
1264 div,
1265 dl,
1266 dt,
1267 dd,
1268 ul,
1269 ol,
1270 li,
1271 h1,
1272 h2,
1273 h3,
1274 h4,
1275 h5,
1276 h6,
1277 pre,
1278 form,
1279 p,
1280 blockquote,
1281 th,
1282 td {
1283 margin: 0;
1284 padding: 0; }
1285
1286 p {
1287 margin-bottom: 1rem;
1288 font-size: inherit;
1289 line-height: 1.6;
1290 text-rendering: optimizeLegibility; }
1291
1292 em,
1293 i {
1294 font-style: italic;
1295 line-height: inherit; }
1296
1297 strong,
1298 b {
1299 font-weight: bold;
1300 line-height: inherit; }
1301
1302 small {
1303 font-size: 80%;
1304 line-height: inherit; }
1305
1306 h1,
1307 h2,
1308 h3,
1309 h4,
1310 h5,
1311 h6 {
1312 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
1313 font-style: normal;
1314 font-weight: normal;
1315 color: inherit;
1316 text-rendering: optimizeLegibility; }
1317 h1 small,
1318 h2 small,
1319 h3 small,
1320 h4 small,
1321 h5 small,
1322 h6 small {
1323 line-height: 0;
1324 color: #cacaca; }
1325
1326 h1 {
1327 font-size: 1.5rem;
1328 line-height: 1.4;
1329 margin-top: 0;
1330 margin-bottom: 0.5rem; }
1331
1332 h2 {
1333 font-size: 1.25rem;
1334 line-height: 1.4;
1335 margin-top: 0;
1336 margin-bottom: 0.5rem; }
1337
1338 h3 {
1339 font-size: 1.1875rem;
1340 line-height: 1.4;
1341 margin-top: 0;
1342 margin-bottom: 0.5rem; }
1343
1344 h4 {
1345 font-size: 1.125rem;
1346 line-height: 1.4;
1347 margin-top: 0;
1348 margin-bottom: 0.5rem; }
1349
1350 h5 {
1351 font-size: 1.0625rem;
1352 line-height: 1.4;
1353 margin-top: 0;
1354 margin-bottom: 0.5rem; }
1355
1356 h6 {
1357 font-size: 1rem;
1358 line-height: 1.4;
1359 margin-top: 0;
1360 margin-bottom: 0.5rem; }
1361
1362 @media print, screen and (min-width: 40em) {
1363 h1 {
1364 font-size: 3rem; }
1365 h2 {
1366 font-size: 2.5rem; }
1367 h3 {
1368 font-size: 1.9375rem; }
1369 h4 {
1370 font-size: 1.5625rem; }
1371 h5 {
1372 font-size: 1.25rem; }
1373 h6 {
1374 font-size: 1rem; } }
1375
1376 a {
1377 line-height: inherit;
1378 color: #1779ba;
1379 text-decoration: none;
1380 cursor: pointer; }
1381 a:hover, a:focus {
1382 color: #1468a0; }
1383 a img {
1384 border: 0; }
1385
1386 hr {
1387 clear: both;
1388 max-width: 75rem;
1389 height: 0;
1390 margin: 1.25rem auto;
1391 border-top: 0;
1392 border-right: 0;
1393 border-bottom: 1px solid #cacaca;
1394 border-left: 0; }
1395
1396 ul,
1397 ol,
1398 dl {
1399 margin-bottom: 1rem;
1400 list-style-position: outside;
1401 line-height: 1.6; }
1402
1403 li {
1404 font-size: inherit; }
1405
1406 ul {
1407 margin-left: 1.25rem;
1408 list-style-type: disc; }
1409
1410 ol {
1411 margin-left: 1.25rem; }
1412
1413 ul ul, ol ul, ul ol, ol ol {
1414 margin-left: 1.25rem;
1415 margin-bottom: 0; }
1416
1417 dl {
1418 margin-bottom: 1rem; }
1419 dl dt {
1420 margin-bottom: 0.3rem;
1421 font-weight: bold; }
1422
1423 blockquote {
1424 margin: 0 0 1rem;
1425 padding: 0.5625rem 1.25rem 0 1.1875rem;
1426 border-left: 1px solid #cacaca; }
1427 blockquote, blockquote p {
1428 line-height: 1.6;
1429 color: #8a8a8a; }
1430
1431 cite {
1432 display: block;
1433 font-size: 0.8125rem;
1434 color: #8a8a8a; }
1435 cite:before {
1436 content: "— "; }
1437
1438 abbr {
1439 border-bottom: 1px dotted #0a0a0a;
1440 color: #0a0a0a;
1441 cursor: help; }
1442
1443 figure {
1444 margin: 0; }
1445
1446 code {
1447 padding: 0.125rem 0.3125rem 0.0625rem;
1448 border: 1px solid #cacaca;
1449 background-color: #e6e6e6;
1450 font-family: Consolas, "Liberation Mono", Courier, monospace;
1451 font-weight: normal;
1452 color: #0a0a0a; }
1453
1454 kbd {
1455 margin: 0;
1456 padding: 0.125rem 0.25rem 0;
1457 background-color: #e6e6e6;
1458 font-family: Consolas, "Liberation Mono", Courier, monospace;
1459 color: #0a0a0a; }
1460
1461 .subheader {
1462 margin-top: 0.2rem;
1463 margin-bottom: 0.5rem;
1464 font-weight: normal;
1465 line-height: 1.4;
1466 color: #8a8a8a; }
1467
1468 .lead {
1469 font-size: 125%;
1470 line-height: 1.6; }
1471
1472 .stat {
1473 font-size: 2.5rem;
1474 line-height: 1; }
1475 p + .stat {
1476 margin-top: -1rem; }
1477
1478 .no-bullet {
1479 margin-left: 0;
1480 list-style: none; }
1481
1482 .text-left {
1483 text-align: left; }
1484
1485 .text-right {
1486 text-align: right; }
1487
1488 .text-center {
1489 text-align: center; }
1490
1491 .text-justify {
1492 text-align: justify; }
1493
1494 @media print, screen and (min-width: 40em) {
1495 .medium-text-left {
1496 text-align: left; }
1497 .medium-text-right {
1498 text-align: right; }
1499 .medium-text-center {
1500 text-align: center; }
1501 .medium-text-justify {
1502 text-align: justify; } }
1503
1504 @media print, screen and (min-width: 64em) {
1505 .large-text-left {
1506 text-align: left; }
1507 .large-text-right {
1508 text-align: right; }
1509 .large-text-center {
1510 text-align: center; }
1511 .large-text-justify {
1512 text-align: justify; } }
1513
1514 .show-for-print {
1515 display: none !important; }
1516
1517 @media print {
1518 * {
1519 background: transparent !important;
1520 box-shadow: none !important;
1521 color: black !important;
1522 text-shadow: none !important; }
1523 .show-for-print {
1524 display: block !important; }
1525 .hide-for-print {
1526 display: none !important; }
1527 table.show-for-print {
1528 display: table !important; }
1529 thead.show-for-print {
1530 display: table-header-group !important; }
1531 tbody.show-for-print {
1532 display: table-row-group !important; }
1533 tr.show-for-print {
1534 display: table-row !important; }
1535 td.show-for-print {
1536 display: table-cell !important; }
1537 th.show-for-print {
1538 display: table-cell !important; }
1539 a,
1540 a:visited {
1541 text-decoration: underline; }
1542 a[href]:after {
1543 content: " (" attr(href) ")"; }
1544 .ir a:after,
1545 a[href^='javascript:']:after,
1546 a[href^='#']:after {
1547 content: ''; }
1548 abbr[title]:after {
1549 content: " (" attr(title) ")"; }
1550 pre,
1551 blockquote {
1552 border: 1px solid #8a8a8a;
1553 page-break-inside: avoid; }
1554 thead {
1555 display: table-header-group; }
1556 tr,
1557 img {
1558 page-break-inside: avoid; }
1559 img {
1560 max-width: 100% !important; }
1561 @page {
1562 margin: 0.5cm; }
1563 p,
1564 h2,
1565 h3 {
1566 orphans: 3;
1567 widows: 3; }
1568 h2,
1569 h3 {
1570 page-break-after: avoid; } }
1571
1572 .button {
1573 display: inline-block;
1574 vertical-align: middle;
1575 margin: 0 0 1rem 0;
1576 padding: 0.85em 1em;
1577 -webkit-appearance: none;
1578 border: 1px solid transparent;
1579 border-radius: 0;
1580 transition: background-color 0.25s ease-out, color 0.25s ease-out;
1581 font-size: 0.9rem;
1582 line-height: 1;
1583 text-align: center;
1584 cursor: pointer;
1585 background-color: #1779ba;
1586 color: #fefefe; }
1587 [data-whatinput='mouse'] .button {
1588 outline: 0; }
1589 .button:hover, .button:focus {
1590 background-color: #14679e;
1591 color: #fefefe; }
1592 .button.tiny {
1593 font-size: 0.6rem; }
1594 .button.small {
1595 font-size: 0.75rem; }
1596 .button.large {
1597 font-size: 1.25rem; }
1598 .button.expanded {
1599 display: block;
1600 width: 100%;
1601 margin-right: 0;
1602 margin-left: 0; }
1603 .button.primary {
1604 background-color: #1779ba;
1605 color: #fefefe; }
1606 .button.primary:hover, .button.primary:focus {
1607 background-color: #126195;
1608 color: #fefefe; }
1609 .button.secondary {
1610 background-color: #767676;
1611 color: #fefefe; }
1612 .button.secondary:hover, .button.secondary:focus {
1613 background-color: #5e5e5e;
1614 color: #fefefe; }
1615 .button.success {
1616 background-color: #3adb76;
1617 color: #0a0a0a; }
1618 .button.success:hover, .button.success:focus {
1619 background-color: #22bb5b;
1620 color: #0a0a0a; }
1621 .button.warning {
1622 background-color: #ffae00;
1623 color: #0a0a0a; }
1624 .button.warning:hover, .button.warning:focus {
1625 background-color: #cc8b00;
1626 color: #0a0a0a; }
1627 .button.alert {
1628 background-color: #cc4b37;
1629 color: #fefefe; }
1630 .button.alert:hover, .button.alert:focus {
1631 background-color: #a53b2a;
1632 color: #fefefe; }
1633 .button.hollow {
1634 border: 1px solid #1779ba;
1635 color: #1779ba; }
1636 .button.hollow, .button.hollow:hover, .button.hollow:focus {
1637 background-color: transparent; }
1638 .button.hollow:hover, .button.hollow:focus {
1639 border-color: #0c3d5d;
1640 color: #0c3d5d; }
1641 .button.hollow.primary {
1642 border: 1px solid #1779ba;
1643 color: #1779ba; }
1644 .button.hollow.primary:hover, .button.hollow.primary:focus {
1645 border-color: #0c3d5d;
1646 color: #0c3d5d; }
1647 .button.hollow.secondary {
1648 border: 1px solid #767676;
1649 color: #767676; }
1650 .button.hollow.secondary:hover, .button.hollow.secondary:focus {
1651 border-color: #3b3b3b;
1652 color: #3b3b3b; }
1653 .button.hollow.success {
1654 border: 1px solid #3adb76;
1655 color: #3adb76; }
1656 .button.hollow.success:hover, .button.hollow.success:focus {
1657 border-color: #157539;
1658 color: #157539; }
1659 .button.hollow.warning {
1660 border: 1px solid #ffae00;
1661 color: #ffae00; }
1662 .button.hollow.warning:hover, .button.hollow.warning:focus {
1663 border-color: #805700;
1664 color: #805700; }
1665 .button.hollow.alert {
1666 border: 1px solid #cc4b37;
1667 color: #cc4b37; }
1668 .button.hollow.alert:hover, .button.hollow.alert:focus {
1669 border-color: #67251a;
1670 color: #67251a; }
1671 .button.disabled, .button[disabled] {
1672 opacity: 0.25;
1673 cursor: not-allowed; }
1674 .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[di sabled], .button[disabled]:hover, .button[disabled]:focus {
1675 background-color: #1779ba;
1676 color: #fefefe; }
1677 .button.disabled.primary, .button[disabled].primary {
1678 opacity: 0.25;
1679 cursor: not-allowed; }
1680 .button.disabled.primary, .button.disabled.primary:hover, .button.disabled .primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .but ton[disabled].primary:focus {
1681 background-color: #1779ba;
1682 color: #fefefe; }
1683 .button.disabled.secondary, .button[disabled].secondary {
1684 opacity: 0.25;
1685 cursor: not-allowed; }
1686 .button.disabled.secondary, .button.disabled.secondary:hover, .button.disa bled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:h over, .button[disabled].secondary:focus {
1687 background-color: #767676;
1688 color: #fefefe; }
1689 .button.disabled.success, .button[disabled].success {
1690 opacity: 0.25;
1691 cursor: not-allowed; }
1692 .button.disabled.success, .button.disabled.success:hover, .button.disabled .success:focus, .button[disabled].success, .button[disabled].success:hover, .but ton[disabled].success:focus {
1693 background-color: #3adb76;
1694 color: #0a0a0a; }
1695 .button.disabled.warning, .button[disabled].warning {
1696 opacity: 0.25;
1697 cursor: not-allowed; }
1698 .button.disabled.warning, .button.disabled.warning:hover, .button.disabled .warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .but ton[disabled].warning:focus {
1699 background-color: #ffae00;
1700 color: #0a0a0a; }
1701 .button.disabled.alert, .button[disabled].alert {
1702 opacity: 0.25;
1703 cursor: not-allowed; }
1704 .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.ale rt:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabl ed].alert:focus {
1705 background-color: #cc4b37;
1706 color: #fefefe; }
1707 .button.dropdown::after {
1708 display: block;
1709 width: 0;
1710 height: 0;
1711 border: inset 0.4em;
1712 content: '';
1713 border-bottom-width: 0;
1714 border-top-style: solid;
1715 border-color: #fefefe transparent transparent;
1716 position: relative;
1717 top: 0.4em;
1718 display: inline-block;
1719 float: right;
1720 margin-left: 1em; }
1721 .button.arrow-only::after {
1722 top: -0.1em;
1723 float: none;
1724 margin-left: 0; }
1725
1726 [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datet ime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [ty pe='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
1727 textarea {
1728 display: block;
1729 box-sizing: border-box;
1730 width: 100%;
1731 height: 2.4375rem;
1732 margin: 0 0 1rem;
1733 padding: 0.5rem;
1734 border: 1px solid #cacaca;
1735 border-radius: 0;
1736 background-color: #fefefe;
1737 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
1738 font-family: inherit;
1739 font-size: 1rem;
1740 font-weight: normal;
1741 color: #0a0a0a;
1742 transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
1743 -webkit-appearance: none;
1744 -moz-appearance: none;
1745 appearance: none; }
1746 [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='date time']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week'] :focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [typ e='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
1747 textarea:focus {
1748 outline: none;
1749 border: 1px solid #8a8a8a;
1750 background-color: #fefefe;
1751 box-shadow: 0 0 5px #cacaca;
1752 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
1753
1754 textarea {
1755 max-width: 100%; }
1756 textarea[rows] {
1757 height: auto; }
1758
1759 input::-webkit-input-placeholder,
1760 textarea::-webkit-input-placeholder {
1761 color: #cacaca; }
1762
1763 input::-moz-placeholder,
1764 textarea::-moz-placeholder {
1765 color: #cacaca; }
1766
1767 input:-ms-input-placeholder,
1768 textarea:-ms-input-placeholder {
1769 color: #cacaca; }
1770
1771 input::placeholder,
1772 textarea::placeholder {
1773 color: #cacaca; }
1774
1775 input:disabled, input[readonly],
1776 textarea:disabled,
1777 textarea[readonly] {
1778 background-color: #e6e6e6;
1779 cursor: not-allowed; }
1780
1781 [type='submit'],
1782 [type='button'] {
1783 -webkit-appearance: none;
1784 -moz-appearance: none;
1785 appearance: none;
1786 border-radius: 0; }
1787
1788 input[type='search'] {
1789 box-sizing: border-box; }
1790
1791 [type='file'],
1792 [type='checkbox'],
1793 [type='radio'] {
1794 margin: 0 0 1rem; }
1795
1796 [type='checkbox'] + label,
1797 [type='radio'] + label {
1798 display: inline-block;
1799 vertical-align: baseline;
1800 margin-left: 0.5rem;
1801 margin-right: 1rem;
1802 margin-bottom: 0; }
1803 [type='checkbox'] + label[for],
1804 [type='radio'] + label[for] {
1805 cursor: pointer; }
1806
1807 label > [type='checkbox'],
1808 label > [type='radio'] {
1809 margin-right: 0.5rem; }
1810
1811 [type='file'] {
1812 width: 100%; }
1813
1814 label {
1815 display: block;
1816 margin: 0;
1817 font-size: 0.875rem;
1818 font-weight: normal;
1819 line-height: 1.8;
1820 color: #0a0a0a; }
1821 label.middle {
1822 margin: 0 0 1rem;
1823 padding: 0.5625rem 0; }
1824
1825 .help-text {
1826 margin-top: -0.5rem;
1827 font-size: 0.8125rem;
1828 font-style: italic;
1829 color: #0a0a0a; }
1830
1831 .input-group {
1832 display: table;
1833 width: 100%;
1834 margin-bottom: 1rem; }
1835 .input-group > :first-child {
1836 border-radius: 0 0 0 0; }
1837 .input-group > :last-child > * {
1838 border-radius: 0 0 0 0; }
1839
1840 .input-group-label, .input-group-field, .input-group-button, .input-group-button a,
1841 .input-group-button input,
1842 .input-group-button button,
1843 .input-group-button label {
1844 margin: 0;
1845 white-space: nowrap;
1846 display: table-cell;
1847 vertical-align: middle; }
1848
1849 .input-group-label {
1850 padding: 0 1rem;
1851 border: 1px solid #cacaca;
1852 background: #e6e6e6;
1853 color: #0a0a0a;
1854 text-align: center;
1855 white-space: nowrap;
1856 width: 1%;
1857 height: 100%; }
1858 .input-group-label:first-child {
1859 border-right: 0; }
1860 .input-group-label:last-child {
1861 border-left: 0; }
1862
1863 .input-group-field {
1864 border-radius: 0;
1865 height: 2.5rem; }
1866
1867 .input-group-button {
1868 padding-top: 0;
1869 padding-bottom: 0;
1870 text-align: center;
1871 width: 1%;
1872 height: 100%; }
1873 .input-group-button a,
1874 .input-group-button input,
1875 .input-group-button button,
1876 .input-group-button label {
1877 height: 2.5rem;
1878 padding-top: 0;
1879 padding-bottom: 0;
1880 font-size: 1rem; }
1881
1882 .input-group .input-group-button {
1883 display: table-cell; }
1884
1885 fieldset {
1886 margin: 0;
1887 padding: 0;
1888 border: 0; }
1889
1890 legend {
1891 max-width: 100%;
1892 margin-bottom: 0.5rem; }
1893
1894 .fieldset {
1895 margin: 1.125rem 0;
1896 padding: 1.25rem;
1897 border: 1px solid #cacaca; }
1898 .fieldset legend {
1899 margin: 0;
1900 margin-left: -0.1875rem;
1901 padding: 0 0.1875rem;
1902 background: #fefefe; }
1903
1904 select {
1905 height: 2.4375rem;
1906 margin: 0 0 1rem;
1907 padding: 0.5rem;
1908 -webkit-appearance: none;
1909 -moz-appearance: none;
1910 appearance: none;
1911 border: 1px solid #cacaca;
1912 border-radius: 0;
1913 background-color: #fefefe;
1914 font-family: inherit;
1915 font-size: 1rem;
1916 line-height: normal;
1917 color: #0a0a0a;
1918 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2 000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon point s='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
1919 background-origin: content-box;
1920 background-position: right -1rem center;
1921 background-repeat: no-repeat;
1922 background-size: 9px 6px;
1923 padding-right: 1.5rem;
1924 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
1925 @media screen and (min-width: 0\0) {
1926 select {
1927 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAA AAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEk ckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swUR AOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeus q3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
1928 select:focus {
1929 outline: none;
1930 border: 1px solid #8a8a8a;
1931 background-color: #fefefe;
1932 box-shadow: 0 0 5px #cacaca;
1933 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
1934 select:disabled {
1935 background-color: #e6e6e6;
1936 cursor: not-allowed; }
1937 select::-ms-expand {
1938 display: none; }
1939 select[multiple] {
1940 height: auto;
1941 background-image: none; }
1942
1943 .is-invalid-input:not(:focus) {
1944 border-color: #cc4b37;
1945 background-color: #f9ecea; }
1946 .is-invalid-input:not(:focus)::-webkit-input-placeholder {
1947 color: #cc4b37; }
1948 .is-invalid-input:not(:focus)::-moz-placeholder {
1949 color: #cc4b37; }
1950 .is-invalid-input:not(:focus):-ms-input-placeholder {
1951 color: #cc4b37; }
1952 .is-invalid-input:not(:focus)::placeholder {
1953 color: #cc4b37; }
1954
1955 .is-invalid-label {
1956 color: #cc4b37; }
1957
1958 .form-error {
1959 display: none;
1960 margin-top: -0.5rem;
1961 margin-bottom: 1rem;
1962 font-size: 0.75rem;
1963 font-weight: bold;
1964 color: #cc4b37; }
1965 .form-error.is-visible {
1966 display: block; }
1967
1968 .accordion {
1969 margin-left: 0;
1970 background: #fefefe;
1971 list-style-type: none; }
1972
1973 .accordion-item:first-child > :first-child {
1974 border-radius: 0 0 0 0; }
1975
1976 .accordion-item:last-child > :last-child {
1977 border-radius: 0 0 0 0; }
1978
1979 .accordion-title {
1980 position: relative;
1981 display: block;
1982 padding: 1.25rem 1rem;
1983 border: 1px solid #e6e6e6;
1984 border-bottom: 0;
1985 font-size: 0.75rem;
1986 line-height: 1;
1987 color: #1779ba; }
1988 :last-child:not(.is-active) > .accordion-title {
1989 border-bottom: 1px solid #e6e6e6;
1990 border-radius: 0 0 0 0; }
1991 .accordion-title:hover, .accordion-title:focus {
1992 background-color: #e6e6e6; }
1993 .accordion-title::before {
1994 position: absolute;
1995 top: 50%;
1996 right: 1rem;
1997 margin-top: -0.5rem;
1998 content: '+'; }
1999 .is-active > .accordion-title::before {
2000 content: '\2013'; }
2001
2002 .accordion-content {
2003 display: none;
2004 padding: 1rem;
2005 border: 1px solid #e6e6e6;
2006 border-bottom: 0;
2007 background-color: #fefefe;
2008 color: #0a0a0a; }
2009 :last-child > .accordion-content:last-child {
2010 border-bottom: 1px solid #e6e6e6; }
2011
2012 .is-accordion-submenu-parent > a {
2013 position: relative; }
2014 .is-accordion-submenu-parent > a::after {
2015 display: block;
2016 width: 0;
2017 height: 0;
2018 border: inset 6px;
2019 content: '';
2020 border-bottom-width: 0;
2021 border-top-style: solid;
2022 border-color: #1779ba transparent transparent;
2023 position: absolute;
2024 top: 50%;
2025 margin-top: -3px;
2026 right: 1rem; }
2027
2028 .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
2029 -ms-transform: rotate(180deg);
2030 transform: rotate(180deg);
2031 -ms-transform-origin: 50% 50%;
2032 transform-origin: 50% 50%; }
2033
2034 .badge {
2035 display: inline-block;
2036 min-width: 2.1em;
2037 padding: 0.3em;
2038 border-radius: 50%;
2039 font-size: 0.6rem;
2040 text-align: center;
2041 background: #1779ba;
2042 color: #fefefe; }
2043 .badge.primary {
2044 background: #1779ba;
2045 color: #fefefe; }
2046 .badge.secondary {
2047 background: #767676;
2048 color: #fefefe; }
2049 .badge.success {
2050 background: #3adb76;
2051 color: #0a0a0a; }
2052 .badge.warning {
2053 background: #ffae00;
2054 color: #0a0a0a; }
2055 .badge.alert {
2056 background: #cc4b37;
2057 color: #fefefe; }
2058
2059 .breadcrumbs {
2060 margin: 0 0 1rem 0;
2061 list-style: none; }
2062 .breadcrumbs::before, .breadcrumbs::after {
2063 display: table;
2064 content: ' '; }
2065 .breadcrumbs::after {
2066 clear: both; }
2067 .breadcrumbs li {
2068 float: left;
2069 font-size: 0.6875rem;
2070 color: #0a0a0a;
2071 cursor: default;
2072 text-transform: uppercase; }
2073 .breadcrumbs li:not(:last-child)::after {
2074 position: relative;
2075 top: 1px;
2076 margin: 0 0.75rem;
2077 opacity: 1;
2078 content: "/";
2079 color: #cacaca; }
2080 .breadcrumbs a {
2081 color: #1779ba; }
2082 .breadcrumbs a:hover {
2083 text-decoration: underline; }
2084 .breadcrumbs .disabled {
2085 color: #cacaca;
2086 cursor: not-allowed; }
2087
2088 .button-group {
2089 margin-bottom: 1rem;
2090 font-size: 0; }
2091 .button-group::before, .button-group::after {
2092 display: table;
2093 content: ' '; }
2094 .button-group::after {
2095 clear: both; }
2096 .button-group .button {
2097 margin: 0;
2098 margin-right: 1px;
2099 margin-bottom: 1px;
2100 font-size: 0.9rem; }
2101 .button-group .button:last-child {
2102 margin-right: 0; }
2103 .button-group.tiny .button {
2104 font-size: 0.6rem; }
2105 .button-group.small .button {
2106 font-size: 0.75rem; }
2107 .button-group.large .button {
2108 font-size: 1.25rem; }
2109 .button-group.expanded {
2110 margin-right: -1px; }
2111 .button-group.expanded::before, .button-group.expanded::after {
2112 display: none; }
2113 .button-group.expanded .button:first-child:last-child {
2114 width: 100%; }
2115 .button-group.expanded .button:first-child:nth-last-child(2), .button-group. expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ . button {
2116 display: inline-block;
2117 width: calc(50% - 1px);
2118 margin-right: 1px; }
2119 .button-group.expanded .button:first-child:nth-last-child(2):last-child, . button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last -child(2) ~ .button:last-child {
2120 margin-right: -6px; }
2121 .button-group.expanded .button:first-child:nth-last-child(3), .button-group. expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ . button {
2122 display: inline-block;
2123 width: calc(33.33333% - 1px);
2124 margin-right: 1px; }
2125 .button-group.expanded .button:first-child:nth-last-child(3):last-child, . button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last -child(3) ~ .button:last-child {
2126 margin-right: -6px; }
2127 .button-group.expanded .button:first-child:nth-last-child(4), .button-group. expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ . button {
2128 display: inline-block;
2129 width: calc(25% - 1px);
2130 margin-right: 1px; }
2131 .button-group.expanded .button:first-child:nth-last-child(4):last-child, . button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last -child(4) ~ .button:last-child {
2132 margin-right: -6px; }
2133 .button-group.expanded .button:first-child:nth-last-child(5), .button-group. expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ . button {
2134 display: inline-block;
2135 width: calc(20% - 1px);
2136 margin-right: 1px; }
2137 .button-group.expanded .button:first-child:nth-last-child(5):last-child, . button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last -child(5) ~ .button:last-child {
2138 margin-right: -6px; }
2139 .button-group.expanded .button:first-child:nth-last-child(6), .button-group. expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ . button {
2140 display: inline-block;
2141 width: calc(16.66667% - 1px);
2142 margin-right: 1px; }
2143 .button-group.expanded .button:first-child:nth-last-child(6):last-child, . button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last -child(6) ~ .button:last-child {
2144 margin-right: -6px; }
2145 .button-group.primary .button {
2146 background-color: #1779ba;
2147 color: #fefefe; }
2148 .button-group.primary .button:hover, .button-group.primary .button:focus {
2149 background-color: #126195;
2150 color: #fefefe; }
2151 .button-group.secondary .button {
2152 background-color: #767676;
2153 color: #fefefe; }
2154 .button-group.secondary .button:hover, .button-group.secondary .button:focus {
2155 background-color: #5e5e5e;
2156 color: #fefefe; }
2157 .button-group.success .button {
2158 background-color: #3adb76;
2159 color: #0a0a0a; }
2160 .button-group.success .button:hover, .button-group.success .button:focus {
2161 background-color: #22bb5b;
2162 color: #0a0a0a; }
2163 .button-group.warning .button {
2164 background-color: #ffae00;
2165 color: #0a0a0a; }
2166 .button-group.warning .button:hover, .button-group.warning .button:focus {
2167 background-color: #cc8b00;
2168 color: #0a0a0a; }
2169 .button-group.alert .button {
2170 background-color: #cc4b37;
2171 color: #fefefe; }
2172 .button-group.alert .button:hover, .button-group.alert .button:focus {
2173 background-color: #a53b2a;
2174 color: #fefefe; }
2175 .button-group.stacked .button, .button-group.stacked-for-small .button, .butto n-group.stacked-for-medium .button {
2176 width: 100%; }
2177 .button-group.stacked .button:last-child, .button-group.stacked-for-small .b utton:last-child, .button-group.stacked-for-medium .button:last-child {
2178 margin-bottom: 0; }
2179 @media print, screen and (min-width: 40em) {
2180 .button-group.stacked-for-small .button {
2181 width: auto;
2182 margin-bottom: 0; } }
2183 @media print, screen and (min-width: 64em) {
2184 .button-group.stacked-for-medium .button {
2185 width: auto;
2186 margin-bottom: 0; } }
2187 @media screen and (max-width: 39.9375em) {
2188 .button-group.stacked-for-small.expanded {
2189 display: block; }
2190 .button-group.stacked-for-small.expanded .button {
2191 display: block;
2192 margin-right: 0; } }
2193
2194 .card {
2195 margin-bottom: 1rem;
2196 border: 1px solid #e6e6e6;
2197 border-radius: 0;
2198 background: #fefefe;
2199 box-shadow: none;
2200 overflow: hidden;
2201 color: #0a0a0a; }
2202 .card > :last-child {
2203 margin-bottom: 0; }
2204
2205 .card-divider {
2206 padding: 1rem;
2207 background: #e6e6e6; }
2208 .card-divider > :last-child {
2209 margin-bottom: 0; }
2210
2211 .card-section {
2212 padding: 1rem; }
2213 .card-section > :last-child {
2214 margin-bottom: 0; }
2215
2216 .callout {
2217 position: relative;
2218 margin: 0 0 1rem 0;
2219 padding: 1rem;
2220 border: 1px solid rgba(10, 10, 10, 0.25);
2221 border-radius: 0;
2222 background-color: white;
2223 color: #0a0a0a; }
2224 .callout > :first-child {
2225 margin-top: 0; }
2226 .callout > :last-child {
2227 margin-bottom: 0; }
2228 .callout.primary {
2229 background-color: #d7ecfa;
2230 color: #0a0a0a; }
2231 .callout.secondary {
2232 background-color: #eaeaea;
2233 color: #0a0a0a; }
2234 .callout.success {
2235 background-color: #e1faea;
2236 color: #0a0a0a; }
2237 .callout.warning {
2238 background-color: #fff3d9;
2239 color: #0a0a0a; }
2240 .callout.alert {
2241 background-color: #f7e4e1;
2242 color: #0a0a0a; }
2243 .callout.small {
2244 padding-top: 0.5rem;
2245 padding-right: 0.5rem;
2246 padding-bottom: 0.5rem;
2247 padding-left: 0.5rem; }
2248 .callout.large {
2249 padding-top: 3rem;
2250 padding-right: 3rem;
2251 padding-bottom: 3rem;
2252 padding-left: 3rem; }
2253
2254 .close-button {
2255 position: absolute;
2256 color: #8a8a8a;
2257 cursor: pointer; }
2258 [data-whatinput='mouse'] .close-button {
2259 outline: 0; }
2260 .close-button:hover, .close-button:focus {
2261 color: #0a0a0a; }
2262 .close-button.small {
2263 right: 0.66rem;
2264 top: 0.33em;
2265 font-size: 1.5em;
2266 line-height: 1; }
2267 .close-button, .close-button.medium {
2268 right: 1rem;
2269 top: 0.5rem;
2270 font-size: 2em;
2271 line-height: 1; }
2272
2273 .menu {
2274 margin: 0;
2275 list-style-type: none; }
2276 .menu > li {
2277 display: table-cell;
2278 vertical-align: middle; }
2279 [data-whatinput='mouse'] .menu > li {
2280 outline: 0; }
2281 .menu > li > a {
2282 display: block;
2283 padding: 0.7rem 1rem;
2284 line-height: 1; }
2285 .menu input,
2286 .menu select,
2287 .menu a,
2288 .menu button {
2289 margin-bottom: 0; }
2290 .menu > li > a img,
2291 .menu > li > a i,
2292 .menu > li > a svg {
2293 vertical-align: middle; }
2294 .menu > li > a img + span,
2295 .menu > li > a i + span,
2296 .menu > li > a svg + span {
2297 vertical-align: middle; }
2298 .menu > li > a img,
2299 .menu > li > a i,
2300 .menu > li > a svg {
2301 margin-right: 0.25rem;
2302 display: inline-block; }
2303 .menu > li, .menu.horizontal > li {
2304 display: table-cell; }
2305 .menu.expanded {
2306 display: table;
2307 width: 100%;
2308 table-layout: fixed; }
2309 .menu.expanded > li:first-child:last-child {
2310 width: 100%; }
2311 .menu.vertical > li {
2312 display: block; }
2313 @media print, screen and (min-width: 40em) {
2314 .menu.medium-horizontal > li {
2315 display: table-cell; }
2316 .menu.medium-expanded {
2317 display: table;
2318 width: 100%;
2319 table-layout: fixed; }
2320 .menu.medium-expanded > li:first-child:last-child {
2321 width: 100%; }
2322 .menu.medium-vertical > li {
2323 display: block; } }
2324 @media print, screen and (min-width: 64em) {
2325 .menu.large-horizontal > li {
2326 display: table-cell; }
2327 .menu.large-expanded {
2328 display: table;
2329 width: 100%;
2330 table-layout: fixed; }
2331 .menu.large-expanded > li:first-child:last-child {
2332 width: 100%; }
2333 .menu.large-vertical > li {
2334 display: block; } }
2335 .menu.simple li {
2336 display: inline-block;
2337 vertical-align: top;
2338 line-height: 1; }
2339 .menu.simple a {
2340 padding: 0; }
2341 .menu.simple li {
2342 margin-left: 0;
2343 margin-right: 1rem; }
2344 .menu.simple.align-right li {
2345 margin-right: 0;
2346 margin-left: 1rem; }
2347 .menu.align-right::before, .menu.align-right::after {
2348 display: table;
2349 content: ' '; }
2350 .menu.align-right::after {
2351 clear: both; }
2352 .menu.align-right > li {
2353 float: right; }
2354 .menu.icon-top > li > a {
2355 text-align: center; }
2356 .menu.icon-top > li > a img,
2357 .menu.icon-top > li > a i,
2358 .menu.icon-top > li > a svg {
2359 display: block;
2360 margin: 0 auto 0.25rem; }
2361 .menu.icon-top.vertical a > span {
2362 margin: auto; }
2363 .menu.nested {
2364 margin-left: 1rem; }
2365 .menu .active > a {
2366 background: #1779ba;
2367 color: #fefefe; }
2368 .menu.menu-bordered li {
2369 border: 1px solid #e6e6e6; }
2370 .menu.menu-bordered li:not(:first-child) {
2371 border-top: 0; }
2372 .menu.menu-hover li:hover {
2373 background-color: #e6e6e6; }
2374
2375 .menu-text {
2376 padding-top: 0;
2377 padding-bottom: 0;
2378 padding: 0.7rem 1rem;
2379 font-weight: bold;
2380 line-height: 1;
2381 color: inherit; }
2382
2383 .menu-centered {
2384 text-align: center; }
2385 .menu-centered > .menu {
2386 display: inline-block;
2387 vertical-align: top; }
2388
2389 .no-js [data-responsive-menu] ul {
2390 display: none; }
2391
2392 .menu-icon {
2393 position: relative;
2394 display: inline-block;
2395 vertical-align: middle;
2396 width: 20px;
2397 height: 16px;
2398 cursor: pointer; }
2399 .menu-icon::after {
2400 position: absolute;
2401 top: 0;
2402 left: 0;
2403 display: block;
2404 width: 100%;
2405 height: 2px;
2406 background: #fefefe;
2407 box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
2408 content: ''; }
2409 .menu-icon:hover::after {
2410 background: #cacaca;
2411 box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
2412
2413 .menu-icon.dark {
2414 position: relative;
2415 display: inline-block;
2416 vertical-align: middle;
2417 width: 20px;
2418 height: 16px;
2419 cursor: pointer; }
2420 .menu-icon.dark::after {
2421 position: absolute;
2422 top: 0;
2423 left: 0;
2424 display: block;
2425 width: 100%;
2426 height: 2px;
2427 background: #0a0a0a;
2428 box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
2429 content: ''; }
2430 .menu-icon.dark:hover::after {
2431 background: #8a8a8a;
2432 box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
2433
2434 .is-drilldown {
2435 position: relative;
2436 overflow: hidden; }
2437 .is-drilldown li {
2438 display: block; }
2439 .is-drilldown.animate-height {
2440 transition: height 0.5s; }
2441
2442 .is-drilldown-submenu {
2443 position: absolute;
2444 top: 0;
2445 left: 100%;
2446 z-index: -1;
2447 width: 100%;
2448 background: #fefefe;
2449 transition: transform 0.15s linear; }
2450 .is-drilldown-submenu.is-active {
2451 z-index: 1;
2452 display: block;
2453 -ms-transform: translateX(-100%);
2454 transform: translateX(-100%); }
2455 .is-drilldown-submenu.is-closing {
2456 -ms-transform: translateX(100%);
2457 transform: translateX(100%); }
2458
2459 .drilldown-submenu-cover-previous {
2460 min-height: 100%; }
2461
2462 .is-drilldown-submenu-parent > a {
2463 position: relative; }
2464 .is-drilldown-submenu-parent > a::after {
2465 display: block;
2466 width: 0;
2467 height: 0;
2468 border: inset 6px;
2469 content: '';
2470 border-right-width: 0;
2471 border-left-style: solid;
2472 border-color: transparent transparent transparent #1779ba;
2473 position: absolute;
2474 top: 50%;
2475 margin-top: -6px;
2476 right: 1rem; }
2477
2478 .js-drilldown-back > a::before {
2479 display: block;
2480 width: 0;
2481 height: 0;
2482 border: inset 6px;
2483 content: '';
2484 border-left-width: 0;
2485 border-right-style: solid;
2486 border-color: transparent #1779ba transparent transparent;
2487 border-left-width: 0;
2488 display: inline-block;
2489 vertical-align: middle;
2490 margin-right: 0.75rem;
2491 border-left-width: 0; }
2492
2493 .dropdown-pane {
2494 position: absolute;
2495 z-index: 10;
2496 display: block;
2497 width: 300px;
2498 padding: 1rem;
2499 visibility: hidden;
2500 border: 1px solid #cacaca;
2501 border-radius: 0;
2502 background-color: #fefefe;
2503 font-size: 1rem; }
2504 .dropdown-pane.is-open {
2505 visibility: visible; }
2506
2507 .dropdown-pane.tiny {
2508 width: 100px; }
2509
2510 .dropdown-pane.small {
2511 width: 200px; }
2512
2513 .dropdown-pane.large {
2514 width: 400px; }
2515
2516 .dropdown.menu > li.opens-left > .is-dropdown-submenu {
2517 top: 100%;
2518 right: 0;
2519 left: auto; }
2520
2521 .dropdown.menu > li.opens-right > .is-dropdown-submenu {
2522 top: 100%;
2523 right: auto;
2524 left: 0; }
2525
2526 .dropdown.menu > li.is-dropdown-submenu-parent > a {
2527 position: relative;
2528 padding-right: 1.5rem; }
2529
2530 .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
2531 display: block;
2532 width: 0;
2533 height: 0;
2534 border: inset 6px;
2535 content: '';
2536 border-bottom-width: 0;
2537 border-top-style: solid;
2538 border-color: #1779ba transparent transparent;
2539 right: 5px;
2540 margin-top: -3px; }
2541
2542 [data-whatinput='mouse'] .dropdown.menu a {
2543 outline: 0; }
2544
2545 .no-js .dropdown.menu ul {
2546 display: none; }
2547
2548 .dropdown.menu.vertical > li .is-dropdown-submenu {
2549 top: 0; }
2550
2551 .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
2552 right: 100%;
2553 left: auto; }
2554
2555 .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
2556 right: auto;
2557 left: 100%; }
2558
2559 .dropdown.menu.vertical > li > a::after {
2560 right: 14px; }
2561
2562 .dropdown.menu.vertical > li.opens-left > a::after {
2563 display: block;
2564 width: 0;
2565 height: 0;
2566 border: inset 6px;
2567 content: '';
2568 border-left-width: 0;
2569 border-right-style: solid;
2570 border-color: transparent #1779ba transparent transparent; }
2571
2572 .dropdown.menu.vertical > li.opens-right > a::after {
2573 display: block;
2574 width: 0;
2575 height: 0;
2576 border: inset 6px;
2577 content: '';
2578 border-right-width: 0;
2579 border-left-style: solid;
2580 border-color: transparent transparent transparent #1779ba; }
2581
2582 @media print, screen and (min-width: 40em) {
2583 .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
2584 top: 100%;
2585 right: 0;
2586 left: auto; }
2587 .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
2588 top: 100%;
2589 right: auto;
2590 left: 0; }
2591 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
2592 position: relative;
2593 padding-right: 1.5rem; }
2594 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
2595 display: block;
2596 width: 0;
2597 height: 0;
2598 border: inset 6px;
2599 content: '';
2600 border-bottom-width: 0;
2601 border-top-style: solid;
2602 border-color: #1779ba transparent transparent;
2603 right: 5px;
2604 margin-top: -3px; }
2605 .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
2606 top: 0; }
2607 .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
2608 right: 100%;
2609 left: auto; }
2610 .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
2611 right: auto;
2612 left: 100%; }
2613 .dropdown.menu.medium-vertical > li > a::after {
2614 right: 14px; }
2615 .dropdown.menu.medium-vertical > li.opens-left > a::after {
2616 display: block;
2617 width: 0;
2618 height: 0;
2619 border: inset 6px;
2620 content: '';
2621 border-left-width: 0;
2622 border-right-style: solid;
2623 border-color: transparent #1779ba transparent transparent; }
2624 .dropdown.menu.medium-vertical > li.opens-right > a::after {
2625 display: block;
2626 width: 0;
2627 height: 0;
2628 border: inset 6px;
2629 content: '';
2630 border-right-width: 0;
2631 border-left-style: solid;
2632 border-color: transparent transparent transparent #1779ba; } }
2633
2634 @media print, screen and (min-width: 64em) {
2635 .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
2636 top: 100%;
2637 right: 0;
2638 left: auto; }
2639 .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
2640 top: 100%;
2641 right: auto;
2642 left: 0; }
2643 .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
2644 position: relative;
2645 padding-right: 1.5rem; }
2646 .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
2647 display: block;
2648 width: 0;
2649 height: 0;
2650 border: inset 6px;
2651 content: '';
2652 border-bottom-width: 0;
2653 border-top-style: solid;
2654 border-color: #1779ba transparent transparent;
2655 right: 5px;
2656 margin-top: -3px; }
2657 .dropdown.menu.large-vertical > li .is-dropdown-submenu {
2658 top: 0; }
2659 .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
2660 right: 100%;
2661 left: auto; }
2662 .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
2663 right: auto;
2664 left: 100%; }
2665 .dropdown.menu.large-vertical > li > a::after {
2666 right: 14px; }
2667 .dropdown.menu.large-vertical > li.opens-left > a::after {
2668 display: block;
2669 width: 0;
2670 height: 0;
2671 border: inset 6px;
2672 content: '';
2673 border-left-width: 0;
2674 border-right-style: solid;
2675 border-color: transparent #1779ba transparent transparent; }
2676 .dropdown.menu.large-vertical > li.opens-right > a::after {
2677 display: block;
2678 width: 0;
2679 height: 0;
2680 border: inset 6px;
2681 content: '';
2682 border-right-width: 0;
2683 border-left-style: solid;
2684 border-color: transparent transparent transparent #1779ba; } }
2685
2686 .dropdown.menu.align-right .is-dropdown-submenu.first-sub {
2687 top: 100%;
2688 right: 0;
2689 left: auto; }
2690
2691 .is-dropdown-menu.vertical {
2692 width: 100px; }
2693 .is-dropdown-menu.vertical.align-right {
2694 float: right; }
2695
2696 .is-dropdown-submenu-parent {
2697 position: relative; }
2698 .is-dropdown-submenu-parent a::after {
2699 position: absolute;
2700 top: 50%;
2701 right: 5px;
2702 margin-top: -6px; }
2703 .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
2704 top: 100%;
2705 left: auto; }
2706 .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
2707 right: 100%;
2708 left: auto; }
2709 .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
2710 right: auto;
2711 left: 100%; }
2712
2713 .is-dropdown-submenu {
2714 position: absolute;
2715 top: 0;
2716 left: 100%;
2717 z-index: 1;
2718 display: none;
2719 min-width: 200px;
2720 border: 1px solid #cacaca;
2721 background: #fefefe; }
2722 .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
2723 right: 14px; }
2724 .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
2725 display: block;
2726 width: 0;
2727 height: 0;
2728 border: inset 6px;
2729 content: '';
2730 border-left-width: 0;
2731 border-right-style: solid;
2732 border-color: transparent #1779ba transparent transparent; }
2733 .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
2734 display: block;
2735 width: 0;
2736 height: 0;
2737 border: inset 6px;
2738 content: '';
2739 border-right-width: 0;
2740 border-left-style: solid;
2741 border-color: transparent transparent transparent #1779ba; }
2742 .is-dropdown-submenu .is-dropdown-submenu {
2743 margin-top: -1px; }
2744 .is-dropdown-submenu > li {
2745 width: 100%; }
2746 .is-dropdown-submenu.js-dropdown-active {
2747 display: block; }
2748
2749 .responsive-embed,
2750 .flex-video {
2751 position: relative;
2752 height: 0;
2753 margin-bottom: 1rem;
2754 padding-bottom: 75%;
2755 overflow: hidden; }
2756 .responsive-embed iframe,
2757 .responsive-embed object,
2758 .responsive-embed embed,
2759 .responsive-embed video,
2760 .flex-video iframe,
2761 .flex-video object,
2762 .flex-video embed,
2763 .flex-video video {
2764 position: absolute;
2765 top: 0;
2766 left: 0;
2767 width: 100%;
2768 height: 100%; }
2769 .responsive-embed.widescreen,
2770 .flex-video.widescreen {
2771 padding-bottom: 56.25%; }
2772
2773 .label {
2774 display: inline-block;
2775 padding: 0.33333rem 0.5rem;
2776 border-radius: 0;
2777 font-size: 0.8rem;
2778 line-height: 1;
2779 white-space: nowrap;
2780 cursor: default;
2781 background: #1779ba;
2782 color: #fefefe; }
2783 .label.primary {
2784 background: #1779ba;
2785 color: #fefefe; }
2786 .label.secondary {
2787 background: #767676;
2788 color: #fefefe; }
2789 .label.success {
2790 background: #3adb76;
2791 color: #0a0a0a; }
2792 .label.warning {
2793 background: #ffae00;
2794 color: #0a0a0a; }
2795 .label.alert {
2796 background: #cc4b37;
2797 color: #fefefe; }
2798
2799 .media-object {
2800 display: block;
2801 margin-bottom: 1rem; }
2802 .media-object img {
2803 max-width: none; }
2804 @media screen and (max-width: 39.9375em) {
2805 .media-object.stack-for-small .media-object-section {
2806 padding: 0;
2807 padding-bottom: 1rem;
2808 display: block; }
2809 .media-object.stack-for-small .media-object-section img {
2810 width: 100%; } }
2811
2812 .media-object-section {
2813 display: table-cell;
2814 vertical-align: top; }
2815 .media-object-section:first-child {
2816 padding-right: 1rem; }
2817 .media-object-section:last-child:not(:nth-child(2)) {
2818 padding-left: 1rem; }
2819 .media-object-section > :last-child {
2820 margin-bottom: 0; }
2821 .media-object-section.middle {
2822 vertical-align: middle; }
2823 .media-object-section.bottom {
2824 vertical-align: bottom; }
2825
2826 .is-off-canvas-open {
2827 overflow: hidden; }
2828
2829 .js-off-canvas-overlay {
2830 position: absolute;
2831 top: 0;
2832 left: 0;
2833 width: 100%;
2834 height: 100%;
2835 transition: opacity 0.5s ease, visibility 0.5s ease;
2836 background: rgba(254, 254, 254, 0.25);
2837 opacity: 0;
2838 visibility: hidden;
2839 overflow: hidden; }
2840 .js-off-canvas-overlay.is-visible {
2841 opacity: 1;
2842 visibility: visible; }
2843 .js-off-canvas-overlay.is-closable {
2844 cursor: pointer; }
2845 .js-off-canvas-overlay.is-overlay-absolute {
2846 position: absolute; }
2847 .js-off-canvas-overlay.is-overlay-fixed {
2848 position: fixed; }
2849
2850 .off-canvas-wrapper {
2851 position: relative;
2852 overflow: hidden; }
2853
2854 .off-canvas {
2855 position: fixed;
2856 z-index: 1;
2857 transition: transform 0.5s ease;
2858 -webkit-backface-visibility: hidden;
2859 backface-visibility: hidden;
2860 background: #e6e6e6; }
2861 [data-whatinput='mouse'] .off-canvas {
2862 outline: 0; }
2863 .off-canvas.is-transition-overlap {
2864 z-index: 10; }
2865 .off-canvas.is-transition-overlap.is-open {
2866 box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
2867 .off-canvas.is-open {
2868 -ms-transform: translate(0, 0);
2869 transform: translate(0, 0); }
2870
2871 .off-canvas-absolute {
2872 position: absolute;
2873 z-index: 1;
2874 transition: transform 0.5s ease;
2875 -webkit-backface-visibility: hidden;
2876 backface-visibility: hidden;
2877 background: #e6e6e6; }
2878 [data-whatinput='mouse'] .off-canvas-absolute {
2879 outline: 0; }
2880 .off-canvas-absolute.is-transition-overlap {
2881 z-index: 10; }
2882 .off-canvas-absolute.is-transition-overlap.is-open {
2883 box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
2884 .off-canvas-absolute.is-open {
2885 -ms-transform: translate(0, 0);
2886 transform: translate(0, 0); }
2887
2888 .position-left {
2889 top: 0;
2890 left: 0;
2891 width: 250px;
2892 height: 100%;
2893 -ms-transform: translateX(-250px);
2894 transform: translateX(-250px);
2895 overflow-y: auto; }
2896 .position-left.is-open ~ .off-canvas-content {
2897 -ms-transform: translateX(250px);
2898 transform: translateX(250px); }
2899 .position-left.is-transition-push::after {
2900 position: absolute;
2901 top: 0;
2902 right: 0;
2903 height: 100%;
2904 width: 1px;
2905 box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
2906 content: " "; }
2907 .position-left.is-transition-overlap.is-open ~ .off-canvas-content {
2908 -ms-transform: none;
2909 transform: none; }
2910
2911 .position-right {
2912 top: 0;
2913 right: 0;
2914 width: 250px;
2915 height: 100%;
2916 -ms-transform: translateX(250px);
2917 transform: translateX(250px);
2918 overflow-y: auto; }
2919 .position-right.is-open ~ .off-canvas-content {
2920 -ms-transform: translateX(-250px);
2921 transform: translateX(-250px); }
2922 .position-right.is-transition-push::after {
2923 position: absolute;
2924 top: 0;
2925 left: 0;
2926 height: 100%;
2927 width: 1px;
2928 box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
2929 content: " "; }
2930 .position-right.is-transition-overlap.is-open ~ .off-canvas-content {
2931 -ms-transform: none;
2932 transform: none; }
2933
2934 .position-top {
2935 top: 0;
2936 left: 0;
2937 width: 100%;
2938 height: 250px;
2939 -ms-transform: translateY(-250px);
2940 transform: translateY(-250px);
2941 overflow-x: auto; }
2942 .position-top.is-open ~ .off-canvas-content {
2943 -ms-transform: translateY(250px);
2944 transform: translateY(250px); }
2945 .position-top.is-transition-push::after {
2946 position: absolute;
2947 bottom: 0;
2948 left: 0;
2949 height: 1px;
2950 width: 100%;
2951 box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
2952 content: " "; }
2953 .position-top.is-transition-overlap.is-open ~ .off-canvas-content {
2954 -ms-transform: none;
2955 transform: none; }
2956
2957 .position-bottom {
2958 bottom: 0;
2959 left: 0;
2960 width: 100%;
2961 height: 250px;
2962 -ms-transform: translateY(250px);
2963 transform: translateY(250px);
2964 overflow-x: auto; }
2965 .position-bottom.is-open ~ .off-canvas-content {
2966 -ms-transform: translateY(-250px);
2967 transform: translateY(-250px); }
2968 .position-bottom.is-transition-push::after {
2969 position: absolute;
2970 top: 0;
2971 left: 0;
2972 height: 1px;
2973 width: 100%;
2974 box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
2975 content: " "; }
2976 .position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
2977 -ms-transform: none;
2978 transform: none; }
2979
2980 .off-canvas-content {
2981 transition: transform 0.5s ease;
2982 -webkit-backface-visibility: hidden;
2983 backface-visibility: hidden; }
2984
2985 @media print, screen and (min-width: 40em) {
2986 .position-left.reveal-for-medium {
2987 -ms-transform: none;
2988 transform: none;
2989 z-index: 1; }
2990 .position-left.reveal-for-medium ~ .off-canvas-content {
2991 margin-left: 250px; }
2992 .position-right.reveal-for-medium {
2993 -ms-transform: none;
2994 transform: none;
2995 z-index: 1; }
2996 .position-right.reveal-for-medium ~ .off-canvas-content {
2997 margin-right: 250px; }
2998 .position-top.reveal-for-medium {
2999 -ms-transform: none;
3000 transform: none;
3001 z-index: 1; }
3002 .position-top.reveal-for-medium ~ .off-canvas-content {
3003 margin-top: 250px; }
3004 .position-bottom.reveal-for-medium {
3005 -ms-transform: none;
3006 transform: none;
3007 z-index: 1; }
3008 .position-bottom.reveal-for-medium ~ .off-canvas-content {
3009 margin-bottom: 250px; } }
3010
3011 @media print, screen and (min-width: 64em) {
3012 .position-left.reveal-for-large {
3013 -ms-transform: none;
3014 transform: none;
3015 z-index: 1; }
3016 .position-left.reveal-for-large ~ .off-canvas-content {
3017 margin-left: 250px; }
3018 .position-right.reveal-for-large {
3019 -ms-transform: none;
3020 transform: none;
3021 z-index: 1; }
3022 .position-right.reveal-for-large ~ .off-canvas-content {
3023 margin-right: 250px; }
3024 .position-top.reveal-for-large {
3025 -ms-transform: none;
3026 transform: none;
3027 z-index: 1; }
3028 .position-top.reveal-for-large ~ .off-canvas-content {
3029 margin-top: 250px; }
3030 .position-bottom.reveal-for-large {
3031 -ms-transform: none;
3032 transform: none;
3033 z-index: 1; }
3034 .position-bottom.reveal-for-large ~ .off-canvas-content {
3035 margin-bottom: 250px; } }
3036
3037 .orbit {
3038 position: relative; }
3039
3040 .orbit-container {
3041 position: relative;
3042 height: 0;
3043 margin: 0;
3044 list-style: none;
3045 overflow: hidden; }
3046
3047 .orbit-slide {
3048 width: 100%; }
3049 .orbit-slide.no-motionui.is-active {
3050 top: 0;
3051 left: 0; }
3052
3053 .orbit-figure {
3054 margin: 0; }
3055
3056 .orbit-image {
3057 width: 100%;
3058 max-width: 100%;
3059 margin: 0; }
3060
3061 .orbit-caption {
3062 position: absolute;
3063 bottom: 0;
3064 width: 100%;
3065 margin-bottom: 0;
3066 padding: 1rem;
3067 background-color: rgba(10, 10, 10, 0.5);
3068 color: #fefefe; }
3069
3070 .orbit-previous, .orbit-next {
3071 position: absolute;
3072 top: 50%;
3073 -ms-transform: translateY(-50%);
3074 transform: translateY(-50%);
3075 z-index: 10;
3076 padding: 1rem;
3077 color: #fefefe; }
3078 [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
3079 outline: 0; }
3080 .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next: active, .orbit-previous:focus, .orbit-next:focus {
3081 background-color: rgba(10, 10, 10, 0.5); }
3082
3083 .orbit-previous {
3084 left: 0; }
3085
3086 .orbit-next {
3087 left: auto;
3088 right: 0; }
3089
3090 .orbit-bullets {
3091 position: relative;
3092 margin-top: 0.8rem;
3093 margin-bottom: 0.8rem;
3094 text-align: center; }
3095 [data-whatinput='mouse'] .orbit-bullets {
3096 outline: 0; }
3097 .orbit-bullets button {
3098 width: 1.2rem;
3099 height: 1.2rem;
3100 margin: 0.1rem;
3101 border-radius: 50%;
3102 background-color: #cacaca; }
3103 .orbit-bullets button:hover {
3104 background-color: #8a8a8a; }
3105 .orbit-bullets button.is-active {
3106 background-color: #8a8a8a; }
3107
3108 .pagination {
3109 margin-left: 0;
3110 margin-bottom: 1rem; }
3111 .pagination::before, .pagination::after {
3112 display: table;
3113 content: ' '; }
3114 .pagination::after {
3115 clear: both; }
3116 .pagination li {
3117 margin-right: 0.0625rem;
3118 border-radius: 0;
3119 font-size: 0.875rem;
3120 display: none; }
3121 .pagination li:last-child, .pagination li:first-child {
3122 display: inline-block; }
3123 @media print, screen and (min-width: 40em) {
3124 .pagination li {
3125 display: inline-block; } }
3126 .pagination a,
3127 .pagination button {
3128 display: block;
3129 padding: 0.1875rem 0.625rem;
3130 border-radius: 0;
3131 color: #0a0a0a; }
3132 .pagination a:hover,
3133 .pagination button:hover {
3134 background: #e6e6e6; }
3135 .pagination .current {
3136 padding: 0.1875rem 0.625rem;
3137 background: #1779ba;
3138 color: #fefefe;
3139 cursor: default; }
3140 .pagination .disabled {
3141 padding: 0.1875rem 0.625rem;
3142 color: #cacaca;
3143 cursor: not-allowed; }
3144 .pagination .disabled:hover {
3145 background: transparent; }
3146 .pagination .ellipsis::after {
3147 padding: 0.1875rem 0.625rem;
3148 content: '\2026';
3149 color: #0a0a0a; }
3150
3151 .pagination-previous a::before,
3152 .pagination-previous.disabled::before {
3153 display: inline-block;
3154 margin-right: 0.5rem;
3155 content: '\00ab'; }
3156
3157 .pagination-next a::after,
3158 .pagination-next.disabled::after {
3159 display: inline-block;
3160 margin-left: 0.5rem;
3161 content: '\00bb'; }
3162
3163 .progress {
3164 height: 1rem;
3165 margin-bottom: 1rem;
3166 border-radius: 0;
3167 background-color: #cacaca; }
3168 .progress.primary .progress-meter {
3169 background-color: #1779ba; }
3170 .progress.secondary .progress-meter {
3171 background-color: #767676; }
3172 .progress.success .progress-meter {
3173 background-color: #3adb76; }
3174 .progress.warning .progress-meter {
3175 background-color: #ffae00; }
3176 .progress.alert .progress-meter {
3177 background-color: #cc4b37; }
3178
3179 .progress-meter {
3180 position: relative;
3181 display: block;
3182 width: 0%;
3183 height: 100%;
3184 background-color: #1779ba; }
3185
3186 .progress-meter-text {
3187 position: absolute;
3188 top: 50%;
3189 left: 50%;
3190 -ms-transform: translate(-50%, -50%);
3191 transform: translate(-50%, -50%);
3192 position: absolute;
3193 margin: 0;
3194 font-size: 0.75rem;
3195 font-weight: bold;
3196 color: #fefefe;
3197 white-space: nowrap; }
3198
3199 body.is-reveal-open {
3200 overflow: hidden; }
3201
3202 html.is-reveal-open,
3203 html.is-reveal-open body {
3204 min-height: 100%;
3205 overflow: hidden;
3206 -webkit-user-select: none;
3207 -moz-user-select: none;
3208 -ms-user-select: none;
3209 user-select: none; }
3210
3211 .reveal-overlay {
3212 position: fixed;
3213 top: 0;
3214 right: 0;
3215 bottom: 0;
3216 left: 0;
3217 z-index: 1005;
3218 display: none;
3219 background-color: rgba(10, 10, 10, 0.45);
3220 overflow-y: scroll; }
3221
3222 .reveal {
3223 z-index: 1006;
3224 -webkit-backface-visibility: hidden;
3225 backface-visibility: hidden;
3226 display: none;
3227 padding: 1rem;
3228 border: 1px solid #cacaca;
3229 border-radius: 0;
3230 background-color: #fefefe;
3231 position: relative;
3232 top: 100px;
3233 margin-right: auto;
3234 margin-left: auto;
3235 overflow-y: auto; }
3236 [data-whatinput='mouse'] .reveal {
3237 outline: 0; }
3238 @media print, screen and (min-width: 40em) {
3239 .reveal {
3240 min-height: 0; } }
3241 .reveal .column, .reveal .columns,
3242 .reveal .columns {
3243 min-width: 0; }
3244 .reveal > :last-child {
3245 margin-bottom: 0; }
3246 @media print, screen and (min-width: 40em) {
3247 .reveal {
3248 width: 600px;
3249 max-width: 75rem; } }
3250 @media print, screen and (min-width: 40em) {
3251 .reveal .reveal {
3252 right: auto;
3253 left: auto;
3254 margin: 0 auto; } }
3255 .reveal.collapse {
3256 padding: 0; }
3257 @media print, screen and (min-width: 40em) {
3258 .reveal.tiny {
3259 width: 30%;
3260 max-width: 75rem; } }
3261 @media print, screen and (min-width: 40em) {
3262 .reveal.small {
3263 width: 50%;
3264 max-width: 75rem; } }
3265 @media print, screen and (min-width: 40em) {
3266 .reveal.large {
3267 width: 90%;
3268 max-width: 75rem; } }
3269 .reveal.full {
3270 top: 0;
3271 left: 0;
3272 width: 100%;
3273 max-width: none;
3274 height: 100%;
3275 height: 100vh;
3276 min-height: 100vh;
3277 margin-left: 0;
3278 border: 0;
3279 border-radius: 0; }
3280 @media screen and (max-width: 39.9375em) {
3281 .reveal {
3282 top: 0;
3283 left: 0;
3284 width: 100%;
3285 max-width: none;
3286 height: 100%;
3287 height: 100vh;
3288 min-height: 100vh;
3289 margin-left: 0;
3290 border: 0;
3291 border-radius: 0; } }
3292 .reveal.without-overlay {
3293 position: fixed; }
3294
3295 .slider {
3296 position: relative;
3297 height: 0.5rem;
3298 margin-top: 1.25rem;
3299 margin-bottom: 2.25rem;
3300 background-color: #e6e6e6;
3301 cursor: pointer;
3302 -webkit-user-select: none;
3303 -moz-user-select: none;
3304 -ms-user-select: none;
3305 user-select: none;
3306 -ms-touch-action: none;
3307 touch-action: none; }
3308
3309 .slider-fill {
3310 position: absolute;
3311 top: 0;
3312 left: 0;
3313 display: inline-block;
3314 max-width: 100%;
3315 height: 0.5rem;
3316 background-color: #cacaca;
3317 transition: all 0.2s ease-in-out; }
3318 .slider-fill.is-dragging {
3319 transition: all 0s linear; }
3320
3321 .slider-handle {
3322 position: absolute;
3323 top: 50%;
3324 -ms-transform: translateY(-50%);
3325 transform: translateY(-50%);
3326 position: absolute;
3327 left: 0;
3328 z-index: 1;
3329 display: inline-block;
3330 width: 1.4rem;
3331 height: 1.4rem;
3332 border-radius: 0;
3333 background-color: #1779ba;
3334 transition: all 0.2s ease-in-out;
3335 -ms-touch-action: manipulation;
3336 touch-action: manipulation; }
3337 [data-whatinput='mouse'] .slider-handle {
3338 outline: 0; }
3339 .slider-handle:hover {
3340 background-color: #14679e; }
3341 .slider-handle.is-dragging {
3342 transition: all 0s linear; }
3343
3344 .slider.disabled,
3345 .slider[disabled] {
3346 opacity: 0.25;
3347 cursor: not-allowed; }
3348
3349 .slider.vertical {
3350 display: inline-block;
3351 width: 0.5rem;
3352 height: 12.5rem;
3353 margin: 0 1.25rem;
3354 -ms-transform: scale(1, -1);
3355 transform: scale(1, -1); }
3356 .slider.vertical .slider-fill {
3357 top: 0;
3358 width: 0.5rem;
3359 max-height: 100%; }
3360 .slider.vertical .slider-handle {
3361 position: absolute;
3362 top: 0;
3363 left: 50%;
3364 width: 1.4rem;
3365 height: 1.4rem;
3366 -ms-transform: translateX(-50%);
3367 transform: translateX(-50%); }
3368
3369 .sticky-container {
3370 position: relative; }
3371
3372 .sticky {
3373 position: relative;
3374 z-index: 0;
3375 transform: translate3d(0, 0, 0); }
3376
3377 .sticky.is-stuck {
3378 position: fixed;
3379 z-index: 5; }
3380 .sticky.is-stuck.is-at-top {
3381 top: 0; }
3382 .sticky.is-stuck.is-at-bottom {
3383 bottom: 0; }
3384
3385 .sticky.is-anchored {
3386 position: relative;
3387 right: auto;
3388 left: auto; }
3389 .sticky.is-anchored.is-at-bottom {
3390 bottom: 0; }
3391
3392 .switch {
3393 height: 2rem;
3394 position: relative;
3395 margin-bottom: 1rem;
3396 outline: 0;
3397 font-size: 0.875rem;
3398 font-weight: bold;
3399 color: #fefefe;
3400 -webkit-user-select: none;
3401 -moz-user-select: none;
3402 -ms-user-select: none;
3403 user-select: none; }
3404
3405 .switch-input {
3406 position: absolute;
3407 margin-bottom: 0;
3408 opacity: 0; }
3409
3410 .switch-paddle {
3411 position: relative;
3412 display: block;
3413 width: 4rem;
3414 height: 2rem;
3415 border-radius: 0;
3416 background: #cacaca;
3417 transition: all 0.25s ease-out;
3418 font-weight: inherit;
3419 color: inherit;
3420 cursor: pointer; }
3421 input + .switch-paddle {
3422 margin: 0; }
3423 .switch-paddle::after {
3424 position: absolute;
3425 top: 0.25rem;
3426 left: 0.25rem;
3427 display: block;
3428 width: 1.5rem;
3429 height: 1.5rem;
3430 transform: translate3d(0, 0, 0);
3431 border-radius: 0;
3432 background: #fefefe;
3433 transition: all 0.25s ease-out;
3434 content: ''; }
3435 input:checked ~ .switch-paddle {
3436 background: #1779ba; }
3437 input:checked ~ .switch-paddle::after {
3438 left: 2.25rem; }
3439 [data-whatinput='mouse'] input:focus ~ .switch-paddle {
3440 outline: 0; }
3441
3442 .switch-active, .switch-inactive {
3443 position: absolute;
3444 top: 50%;
3445 -ms-transform: translateY(-50%);
3446 transform: translateY(-50%); }
3447
3448 .switch-active {
3449 left: 8%;
3450 display: none; }
3451 input:checked + label > .switch-active {
3452 display: block; }
3453
3454 .switch-inactive {
3455 right: 15%; }
3456 input:checked + label > .switch-inactive {
3457 display: none; }
3458
3459 .switch.tiny {
3460 height: 1.5rem; }
3461 .switch.tiny .switch-paddle {
3462 width: 3rem;
3463 height: 1.5rem;
3464 font-size: 0.625rem; }
3465 .switch.tiny .switch-paddle::after {
3466 top: 0.25rem;
3467 left: 0.25rem;
3468 width: 1rem;
3469 height: 1rem; }
3470 .switch.tiny input:checked ~ .switch-paddle::after {
3471 left: 1.75rem; }
3472
3473 .switch.small {
3474 height: 1.75rem; }
3475 .switch.small .switch-paddle {
3476 width: 3.5rem;
3477 height: 1.75rem;
3478 font-size: 0.75rem; }
3479 .switch.small .switch-paddle::after {
3480 top: 0.25rem;
3481 left: 0.25rem;
3482 width: 1.25rem;
3483 height: 1.25rem; }
3484 .switch.small input:checked ~ .switch-paddle::after {
3485 left: 2rem; }
3486
3487 .switch.large {
3488 height: 2.5rem; }
3489 .switch.large .switch-paddle {
3490 width: 5rem;
3491 height: 2.5rem;
3492 font-size: 1rem; }
3493 .switch.large .switch-paddle::after {
3494 top: 0.25rem;
3495 left: 0.25rem;
3496 width: 2rem;
3497 height: 2rem; }
3498 .switch.large input:checked ~ .switch-paddle::after {
3499 left: 2.75rem; }
3500
3501 table {
3502 width: 100%;
3503 margin-bottom: 1rem;
3504 border-radius: 0; }
3505 table thead,
3506 table tbody,
3507 table tfoot {
3508 border: 1px solid #f1f1f1;
3509 background-color: #fefefe; }
3510 table caption {
3511 padding: 0.5rem 0.625rem 0.625rem;
3512 font-weight: bold; }
3513 table thead {
3514 background: #f8f8f8;
3515 color: #0a0a0a; }
3516 table tfoot {
3517 background: #f1f1f1;
3518 color: #0a0a0a; }
3519 table thead tr,
3520 table tfoot tr {
3521 background: transparent; }
3522 table thead th,
3523 table thead td,
3524 table tfoot th,
3525 table tfoot td {
3526 padding: 0.5rem 0.625rem 0.625rem;
3527 font-weight: bold;
3528 text-align: left; }
3529 table tbody th,
3530 table tbody td {
3531 padding: 0.5rem 0.625rem 0.625rem; }
3532 table tbody tr:nth-child(even) {
3533 border-bottom: 0;
3534 background-color: #f1f1f1; }
3535 table.unstriped tbody {
3536 background-color: #fefefe; }
3537 table.unstriped tbody tr {
3538 border-bottom: 0;
3539 border-bottom: 1px solid #f1f1f1;
3540 background-color: #fefefe; }
3541
3542 @media screen and (max-width: 63.9375em) {
3543 table.stack thead {
3544 display: none; }
3545 table.stack tfoot {
3546 display: none; }
3547 table.stack tr,
3548 table.stack th,
3549 table.stack td {
3550 display: block; }
3551 table.stack td {
3552 border-top: 0; } }
3553
3554 table.scroll {
3555 display: block;
3556 width: 100%;
3557 overflow-x: auto; }
3558
3559 table.hover thead tr:hover {
3560 background-color: #f3f3f3; }
3561
3562 table.hover tfoot tr:hover {
3563 background-color: #ececec; }
3564
3565 table.hover tbody tr:hover {
3566 background-color: #f9f9f9; }
3567
3568 table.hover:not(.unstriped) tr:nth-of-type(even):hover {
3569 background-color: #ececec; }
3570
3571 .table-scroll {
3572 overflow-x: auto; }
3573 .table-scroll table {
3574 width: auto; }
3575
3576 .tabs {
3577 margin: 0;
3578 border: 1px solid #e6e6e6;
3579 background: #fefefe;
3580 list-style-type: none; }
3581 .tabs::before, .tabs::after {
3582 display: table;
3583 content: ' '; }
3584 .tabs::after {
3585 clear: both; }
3586
3587 .tabs.vertical > li {
3588 display: block;
3589 float: none;
3590 width: auto; }
3591
3592 .tabs.simple > li > a {
3593 padding: 0; }
3594 .tabs.simple > li > a:hover {
3595 background: transparent; }
3596
3597 .tabs.primary {
3598 background: #1779ba; }
3599 .tabs.primary > li > a {
3600 color: #fefefe; }
3601 .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
3602 background: #1673b1; }
3603
3604 .tabs-title {
3605 float: left; }
3606 .tabs-title > a {
3607 display: block;
3608 padding: 1.25rem 1.5rem;
3609 font-size: 0.75rem;
3610 line-height: 1;
3611 color: #1779ba; }
3612 .tabs-title > a:hover {
3613 background: #fefefe;
3614 color: #1468a0; }
3615 .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
3616 background: #e6e6e6;
3617 color: #1779ba; }
3618
3619 .tabs-content {
3620 border: 1px solid #e6e6e6;
3621 border-top: 0;
3622 background: #fefefe;
3623 color: #0a0a0a;
3624 transition: all 0.5s ease; }
3625
3626 .tabs-content.vertical {
3627 border: 1px solid #e6e6e6;
3628 border-left: 0; }
3629
3630 .tabs-panel {
3631 display: none;
3632 padding: 1rem; }
3633 .tabs-panel[aria-hidden="false"] {
3634 display: block; }
3635
3636 .thumbnail {
3637 display: inline-block;
3638 max-width: 100%;
3639 margin-bottom: 1rem;
3640 border: solid 4px #fefefe;
3641 border-radius: 0;
3642 box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
3643 line-height: 0; }
3644
3645 a.thumbnail {
3646 transition: box-shadow 200ms ease-out; }
3647 a.thumbnail:hover, a.thumbnail:focus {
3648 box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); }
3649 a.thumbnail image {
3650 box-shadow: none; }
3651
3652 .title-bar {
3653 padding: 0.5rem;
3654 background: #0a0a0a;
3655 color: #fefefe; }
3656 .title-bar::before, .title-bar::after {
3657 display: table;
3658 content: ' '; }
3659 .title-bar::after {
3660 clear: both; }
3661 .title-bar .menu-icon {
3662 margin-left: 0.25rem;
3663 margin-right: 0.25rem; }
3664
3665 .title-bar-left {
3666 float: left; }
3667
3668 .title-bar-right {
3669 float: right;
3670 text-align: right; }
3671
3672 .title-bar-title {
3673 display: inline-block;
3674 vertical-align: middle;
3675 font-weight: bold; }
3676
3677 .has-tip {
3678 position: relative;
3679 display: inline-block;
3680 border-bottom: dotted 1px #8a8a8a;
3681 font-weight: bold;
3682 cursor: help; }
3683
3684 .tooltip {
3685 position: absolute;
3686 top: calc(100% + 0.6495rem);
3687 z-index: 1200;
3688 max-width: 10rem;
3689 padding: 0.75rem;
3690 border-radius: 0;
3691 background-color: #0a0a0a;
3692 font-size: 80%;
3693 color: #fefefe; }
3694 .tooltip::before {
3695 display: block;
3696 width: 0;
3697 height: 0;
3698 border: inset 0.75rem;
3699 content: '';
3700 border-top-width: 0;
3701 border-bottom-style: solid;
3702 border-color: transparent transparent #0a0a0a;
3703 position: absolute;
3704 bottom: 100%;
3705 left: 50%;
3706 -ms-transform: translateX(-50%);
3707 transform: translateX(-50%); }
3708 .tooltip.top::before {
3709 display: block;
3710 width: 0;
3711 height: 0;
3712 border: inset 0.75rem;
3713 content: '';
3714 border-bottom-width: 0;
3715 border-top-style: solid;
3716 border-color: #0a0a0a transparent transparent;
3717 top: 100%;
3718 bottom: auto; }
3719 .tooltip.left::before {
3720 display: block;
3721 width: 0;
3722 height: 0;
3723 border: inset 0.75rem;
3724 content: '';
3725 border-right-width: 0;
3726 border-left-style: solid;
3727 border-color: transparent transparent transparent #0a0a0a;
3728 top: 50%;
3729 bottom: auto;
3730 left: 100%;
3731 -ms-transform: translateY(-50%);
3732 transform: translateY(-50%); }
3733 .tooltip.right::before {
3734 display: block;
3735 width: 0;
3736 height: 0;
3737 border: inset 0.75rem;
3738 content: '';
3739 border-left-width: 0;
3740 border-right-style: solid;
3741 border-color: transparent #0a0a0a transparent transparent;
3742 top: 50%;
3743 right: 100%;
3744 bottom: auto;
3745 left: auto;
3746 -ms-transform: translateY(-50%);
3747 transform: translateY(-50%); }
3748
3749 .top-bar {
3750 padding: 0.5rem; }
3751 .top-bar::before, .top-bar::after {
3752 display: table;
3753 content: ' '; }
3754 .top-bar::after {
3755 clear: both; }
3756 .top-bar,
3757 .top-bar ul {
3758 background-color: #e6e6e6; }
3759 .top-bar input {
3760 max-width: 200px;
3761 margin-right: 1rem; }
3762 .top-bar .input-group-field {
3763 width: 100%;
3764 margin-right: 0; }
3765 .top-bar input.button {
3766 width: auto; }
3767 .top-bar .top-bar-left,
3768 .top-bar .top-bar-right {
3769 width: 100%; }
3770 @media print, screen and (min-width: 40em) {
3771 .top-bar .top-bar-left,
3772 .top-bar .top-bar-right {
3773 width: auto; } }
3774 @media screen and (max-width: 63.9375em) {
3775 .top-bar.stacked-for-medium .top-bar-left,
3776 .top-bar.stacked-for-medium .top-bar-right {
3777 width: 100%; } }
3778 @media screen and (max-width: 74.9375em) {
3779 .top-bar.stacked-for-large .top-bar-left,
3780 .top-bar.stacked-for-large .top-bar-right {
3781 width: 100%; } }
3782
3783 .top-bar-title {
3784 display: inline-block;
3785 float: left;
3786 padding: 0.5rem 1rem 0.5rem 0; }
3787 .top-bar-title .menu-icon {
3788 bottom: 2px; }
3789
3790 .top-bar-left {
3791 float: left; }
3792
3793 .top-bar-right {
3794 float: right; }
3795
3796 .hide {
3797 display: none !important; }
3798
3799 .invisible {
3800 visibility: hidden; }
3801
3802 @media screen and (max-width: 39.9375em) {
3803 .hide-for-small-only {
3804 display: none !important; } }
3805
3806 @media screen and (max-width: 0em), screen and (min-width: 40em) {
3807 .show-for-small-only {
3808 display: none !important; } }
3809
3810 @media print, screen and (min-width: 40em) {
3811 .hide-for-medium {
3812 display: none !important; } }
3813
3814 @media screen and (max-width: 39.9375em) {
3815 .show-for-medium {
3816 display: none !important; } }
3817
3818 @media screen and (min-width: 40em) and (max-width: 63.9375em) {
3819 .hide-for-medium-only {
3820 display: none !important; } }
3821
3822 @media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
3823 .show-for-medium-only {
3824 display: none !important; } }
3825
3826 @media print, screen and (min-width: 64em) {
3827 .hide-for-large {
3828 display: none !important; } }
3829
3830 @media screen and (max-width: 63.9375em) {
3831 .show-for-large {
3832 display: none !important; } }
3833
3834 @media screen and (min-width: 64em) and (max-width: 74.9375em) {
3835 .hide-for-large-only {
3836 display: none !important; } }
3837
3838 @media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
3839 .show-for-large-only {
3840 display: none !important; } }
3841
3842 .show-for-sr,
3843 .show-on-focus {
3844 position: absolute !important;
3845 width: 1px;
3846 height: 1px;
3847 overflow: hidden;
3848 clip: rect(0, 0, 0, 0); }
3849
3850 .show-on-focus:active, .show-on-focus:focus {
3851 position: static !important;
3852 width: auto;
3853 height: auto;
3854 overflow: visible;
3855 clip: auto; }
3856
3857 .show-for-landscape,
3858 .hide-for-portrait {
3859 display: block !important; }
3860 @media screen and (orientation: landscape) {
3861 .show-for-landscape,
3862 .hide-for-portrait {
3863 display: block !important; } }
3864 @media screen and (orientation: portrait) {
3865 .show-for-landscape,
3866 .hide-for-portrait {
3867 display: none !important; } }
3868
3869 .hide-for-landscape,
3870 .show-for-portrait {
3871 display: none !important; }
3872 @media screen and (orientation: landscape) {
3873 .hide-for-landscape,
3874 .show-for-portrait {
3875 display: none !important; } }
3876 @media screen and (orientation: portrait) {
3877 .hide-for-landscape,
3878 .show-for-portrait {
3879 display: block !important; } }
3880
3881 .float-left {
3882 float: left !important; }
3883
3884 .float-right {
3885 float: right !important; }
3886
3887 .float-center {
3888 display: block;
3889 margin-right: auto;
3890 margin-left: auto; }
3891
3892 .clearfix::before, .clearfix::after {
3893 display: table;
3894 content: ' '; }
3895
3896 .clearfix::after {
3897 clear: both; }
3898
3899 .slide-in-down.mui-enter {
3900 transition-duration: 500ms;
3901 transition-timing-function: linear;
3902 -ms-transform: translateY(-100%);
3903 transform: translateY(-100%);
3904 transition-property: transform, opacity;
3905 -webkit-backface-visibility: hidden;
3906 backface-visibility: hidden; }
3907
3908 .slide-in-down.mui-enter.mui-enter-active {
3909 -ms-transform: translateY(0);
3910 transform: translateY(0); }
3911
3912 .slide-in-left.mui-enter {
3913 transition-duration: 500ms;
3914 transition-timing-function: linear;
3915 -ms-transform: translateX(-100%);
3916 transform: translateX(-100%);
3917 transition-property: transform, opacity;
3918 -webkit-backface-visibility: hidden;
3919 backface-visibility: hidden; }
3920
3921 .slide-in-left.mui-enter.mui-enter-active {
3922 -ms-transform: translateX(0);
3923 transform: translateX(0); }
3924
3925 .slide-in-up.mui-enter {
3926 transition-duration: 500ms;
3927 transition-timing-function: linear;
3928 -ms-transform: translateY(100%);
3929 transform: translateY(100%);
3930 transition-property: transform, opacity;
3931 -webkit-backface-visibility: hidden;
3932 backface-visibility: hidden; }
3933
3934 .slide-in-up.mui-enter.mui-enter-active {
3935 -ms-transform: translateY(0);
3936 transform: translateY(0); }
3937
3938 .slide-in-right.mui-enter {
3939 transition-duration: 500ms;
3940 transition-timing-function: linear;
3941 -ms-transform: translateX(100%);
3942 transform: translateX(100%);
3943 transition-property: transform, opacity;
3944 -webkit-backface-visibility: hidden;
3945 backface-visibility: hidden; }
3946
3947 .slide-in-right.mui-enter.mui-enter-active {
3948 -ms-transform: translateX(0);
3949 transform: translateX(0); }
3950
3951 .slide-out-down.mui-leave {
3952 transition-duration: 500ms;
3953 transition-timing-function: linear;
3954 -ms-transform: translateY(0);
3955 transform: translateY(0);
3956 transition-property: transform, opacity;
3957 -webkit-backface-visibility: hidden;
3958 backface-visibility: hidden; }
3959
3960 .slide-out-down.mui-leave.mui-leave-active {
3961 -ms-transform: translateY(100%);
3962 transform: translateY(100%); }
3963
3964 .slide-out-right.mui-leave {
3965 transition-duration: 500ms;
3966 transition-timing-function: linear;
3967 -ms-transform: translateX(0);
3968 transform: translateX(0);
3969 transition-property: transform, opacity;
3970 -webkit-backface-visibility: hidden;
3971 backface-visibility: hidden; }
3972
3973 .slide-out-right.mui-leave.mui-leave-active {
3974 -ms-transform: translateX(100%);
3975 transform: translateX(100%); }
3976
3977 .slide-out-up.mui-leave {
3978 transition-duration: 500ms;
3979 transition-timing-function: linear;
3980 -ms-transform: translateY(0);
3981 transform: translateY(0);
3982 transition-property: transform, opacity;
3983 -webkit-backface-visibility: hidden;
3984 backface-visibility: hidden; }
3985
3986 .slide-out-up.mui-leave.mui-leave-active {
3987 -ms-transform: translateY(-100%);
3988 transform: translateY(-100%); }
3989
3990 .slide-out-left.mui-leave {
3991 transition-duration: 500ms;
3992 transition-timing-function: linear;
3993 -ms-transform: translateX(0);
3994 transform: translateX(0);
3995 transition-property: transform, opacity;
3996 -webkit-backface-visibility: hidden;
3997 backface-visibility: hidden; }
3998
3999 .slide-out-left.mui-leave.mui-leave-active {
4000 -ms-transform: translateX(-100%);
4001 transform: translateX(-100%); }
4002
4003 .fade-in.mui-enter {
4004 transition-duration: 500ms;
4005 transition-timing-function: linear;
4006 opacity: 0;
4007 transition-property: opacity; }
4008
4009 .fade-in.mui-enter.mui-enter-active {
4010 opacity: 1; }
4011
4012 .fade-out.mui-leave {
4013 transition-duration: 500ms;
4014 transition-timing-function: linear;
4015 opacity: 1;
4016 transition-property: opacity; }
4017
4018 .fade-out.mui-leave.mui-leave-active {
4019 opacity: 0; }
4020
4021 .hinge-in-from-top.mui-enter {
4022 transition-duration: 500ms;
4023 transition-timing-function: linear;
4024 transform: perspective(2000px) rotateX(-90deg);
4025 -ms-transform-origin: top;
4026 transform-origin: top;
4027 transition-property: transform, opacity;
4028 opacity: 0; }
4029
4030 .hinge-in-from-top.mui-enter.mui-enter-active {
4031 transform: perspective(2000px) rotate(0deg);
4032 opacity: 1; }
4033
4034 .hinge-in-from-right.mui-enter {
4035 transition-duration: 500ms;
4036 transition-timing-function: linear;
4037 transform: perspective(2000px) rotateY(-90deg);
4038 -ms-transform-origin: right;
4039 transform-origin: right;
4040 transition-property: transform, opacity;
4041 opacity: 0; }
4042
4043 .hinge-in-from-right.mui-enter.mui-enter-active {
4044 transform: perspective(2000px) rotate(0deg);
4045 opacity: 1; }
4046
4047 .hinge-in-from-bottom.mui-enter {
4048 transition-duration: 500ms;
4049 transition-timing-function: linear;
4050 transform: perspective(2000px) rotateX(90deg);
4051 -ms-transform-origin: bottom;
4052 transform-origin: bottom;
4053 transition-property: transform, opacity;
4054 opacity: 0; }
4055
4056 .hinge-in-from-bottom.mui-enter.mui-enter-active {
4057 transform: perspective(2000px) rotate(0deg);
4058 opacity: 1; }
4059
4060 .hinge-in-from-left.mui-enter {
4061 transition-duration: 500ms;
4062 transition-timing-function: linear;
4063 transform: perspective(2000px) rotateY(90deg);
4064 -ms-transform-origin: left;
4065 transform-origin: left;
4066 transition-property: transform, opacity;
4067 opacity: 0; }
4068
4069 .hinge-in-from-left.mui-enter.mui-enter-active {
4070 transform: perspective(2000px) rotate(0deg);
4071 opacity: 1; }
4072
4073 .hinge-in-from-middle-x.mui-enter {
4074 transition-duration: 500ms;
4075 transition-timing-function: linear;
4076 transform: perspective(2000px) rotateX(-90deg);
4077 -ms-transform-origin: center;
4078 transform-origin: center;
4079 transition-property: transform, opacity;
4080 opacity: 0; }
4081
4082 .hinge-in-from-middle-x.mui-enter.mui-enter-active {
4083 transform: perspective(2000px) rotate(0deg);
4084 opacity: 1; }
4085
4086 .hinge-in-from-middle-y.mui-enter {
4087 transition-duration: 500ms;
4088 transition-timing-function: linear;
4089 transform: perspective(2000px) rotateY(-90deg);
4090 -ms-transform-origin: center;
4091 transform-origin: center;
4092 transition-property: transform, opacity;
4093 opacity: 0; }
4094
4095 .hinge-in-from-middle-y.mui-enter.mui-enter-active {
4096 transform: perspective(2000px) rotate(0deg);
4097 opacity: 1; }
4098
4099 .hinge-out-from-top.mui-leave {
4100 transition-duration: 500ms;
4101 transition-timing-function: linear;
4102 transform: perspective(2000px) rotate(0deg);
4103 -ms-transform-origin: top;
4104 transform-origin: top;
4105 transition-property: transform, opacity;
4106 opacity: 1; }
4107
4108 .hinge-out-from-top.mui-leave.mui-leave-active {
4109 transform: perspective(2000px) rotateX(-90deg);
4110 opacity: 0; }
4111
4112 .hinge-out-from-right.mui-leave {
4113 transition-duration: 500ms;
4114 transition-timing-function: linear;
4115 transform: perspective(2000px) rotate(0deg);
4116 -ms-transform-origin: right;
4117 transform-origin: right;
4118 transition-property: transform, opacity;
4119 opacity: 1; }
4120
4121 .hinge-out-from-right.mui-leave.mui-leave-active {
4122 transform: perspective(2000px) rotateY(-90deg);
4123 opacity: 0; }
4124
4125 .hinge-out-from-bottom.mui-leave {
4126 transition-duration: 500ms;
4127 transition-timing-function: linear;
4128 transform: perspective(2000px) rotate(0deg);
4129 -ms-transform-origin: bottom;
4130 transform-origin: bottom;
4131 transition-property: transform, opacity;
4132 opacity: 1; }
4133
4134 .hinge-out-from-bottom.mui-leave.mui-leave-active {
4135 transform: perspective(2000px) rotateX(90deg);
4136 opacity: 0; }
4137
4138 .hinge-out-from-left.mui-leave {
4139 transition-duration: 500ms;
4140 transition-timing-function: linear;
4141 transform: perspective(2000px) rotate(0deg);
4142 -ms-transform-origin: left;
4143 transform-origin: left;
4144 transition-property: transform, opacity;
4145 opacity: 1; }
4146
4147 .hinge-out-from-left.mui-leave.mui-leave-active {
4148 transform: perspective(2000px) rotateY(90deg);
4149 opacity: 0; }
4150
4151 .hinge-out-from-middle-x.mui-leave {
4152 transition-duration: 500ms;
4153 transition-timing-function: linear;
4154 transform: perspective(2000px) rotate(0deg);
4155 -ms-transform-origin: center;
4156 transform-origin: center;
4157 transition-property: transform, opacity;
4158 opacity: 1; }
4159
4160 .hinge-out-from-middle-x.mui-leave.mui-leave-active {
4161 transform: perspective(2000px) rotateX(-90deg);
4162 opacity: 0; }
4163
4164 .hinge-out-from-middle-y.mui-leave {
4165 transition-duration: 500ms;
4166 transition-timing-function: linear;
4167 transform: perspective(2000px) rotate(0deg);
4168 -ms-transform-origin: center;
4169 transform-origin: center;
4170 transition-property: transform, opacity;
4171 opacity: 1; }
4172
4173 .hinge-out-from-middle-y.mui-leave.mui-leave-active {
4174 transform: perspective(2000px) rotateY(-90deg);
4175 opacity: 0; }
4176
4177 .scale-in-up.mui-enter {
4178 transition-duration: 500ms;
4179 transition-timing-function: linear;
4180 -ms-transform: scale(0.5);
4181 transform: scale(0.5);
4182 transition-property: transform, opacity;
4183 opacity: 0; }
4184
4185 .scale-in-up.mui-enter.mui-enter-active {
4186 -ms-transform: scale(1);
4187 transform: scale(1);
4188 opacity: 1; }
4189
4190 .scale-in-down.mui-enter {
4191 transition-duration: 500ms;
4192 transition-timing-function: linear;
4193 -ms-transform: scale(1.5);
4194 transform: scale(1.5);
4195 transition-property: transform, opacity;
4196 opacity: 0; }
4197
4198 .scale-in-down.mui-enter.mui-enter-active {
4199 -ms-transform: scale(1);
4200 transform: scale(1);
4201 opacity: 1; }
4202
4203 .scale-out-up.mui-leave {
4204 transition-duration: 500ms;
4205 transition-timing-function: linear;
4206 -ms-transform: scale(1);
4207 transform: scale(1);
4208 transition-property: transform, opacity;
4209 opacity: 1; }
4210
4211 .scale-out-up.mui-leave.mui-leave-active {
4212 -ms-transform: scale(1.5);
4213 transform: scale(1.5);
4214 opacity: 0; }
4215
4216 .scale-out-down.mui-leave {
4217 transition-duration: 500ms;
4218 transition-timing-function: linear;
4219 -ms-transform: scale(1);
4220 transform: scale(1);
4221 transition-property: transform, opacity;
4222 opacity: 1; }
4223
4224 .scale-out-down.mui-leave.mui-leave-active {
4225 -ms-transform: scale(0.5);
4226 transform: scale(0.5);
4227 opacity: 0; }
4228
4229 .spin-in.mui-enter {
4230 transition-duration: 500ms;
4231 transition-timing-function: linear;
4232 -ms-transform: rotate(-0.75turn);
4233 transform: rotate(-0.75turn);
4234 transition-property: transform, opacity;
4235 opacity: 0; }
4236
4237 .spin-in.mui-enter.mui-enter-active {
4238 -ms-transform: rotate(0);
4239 transform: rotate(0);
4240 opacity: 1; }
4241
4242 .spin-out.mui-leave {
4243 transition-duration: 500ms;
4244 transition-timing-function: linear;
4245 -ms-transform: rotate(0);
4246 transform: rotate(0);
4247 transition-property: transform, opacity;
4248 opacity: 1; }
4249
4250 .spin-out.mui-leave.mui-leave-active {
4251 -ms-transform: rotate(0.75turn);
4252 transform: rotate(0.75turn);
4253 opacity: 0; }
4254
4255 .spin-in-ccw.mui-enter {
4256 transition-duration: 500ms;
4257 transition-timing-function: linear;
4258 -ms-transform: rotate(0.75turn);
4259 transform: rotate(0.75turn);
4260 transition-property: transform, opacity;
4261 opacity: 0; }
4262
4263 .spin-in-ccw.mui-enter.mui-enter-active {
4264 -ms-transform: rotate(0);
4265 transform: rotate(0);
4266 opacity: 1; }
4267
4268 .spin-out-ccw.mui-leave {
4269 transition-duration: 500ms;
4270 transition-timing-function: linear;
4271 -ms-transform: rotate(0);
4272 transform: rotate(0);
4273 transition-property: transform, opacity;
4274 opacity: 1; }
4275
4276 .spin-out-ccw.mui-leave.mui-leave-active {
4277 -ms-transform: rotate(-0.75turn);
4278 transform: rotate(-0.75turn);
4279 opacity: 0; }
4280
4281 .slow {
4282 transition-duration: 750ms !important; }
4283
4284 .fast {
4285 transition-duration: 250ms !important; }
4286
4287 .linear {
4288 transition-timing-function: linear !important; }
4289
4290 .ease {
4291 transition-timing-function: ease !important; }
4292
4293 .ease-in {
4294 transition-timing-function: ease-in !important; }
4295
4296 .ease-out {
4297 transition-timing-function: ease-out !important; }
4298
4299 .ease-in-out {
4300 transition-timing-function: ease-in-out !important; }
4301
4302 .bounce-in {
4303 transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important ; }
4304
4305 .bounce-out {
4306 transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !importan t; }
4307
4308 .bounce-in-out {
4309 transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important ; }
4310
4311 .short-delay {
4312 transition-delay: 300ms !important; }
4313
4314 .long-delay {
4315 transition-delay: 700ms !important; }
4316
4317 .shake {
4318 animation-name: shake-7; }
4319
4320 @keyframes shake-7 {
4321 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
4322 transform: translateX(7%); }
4323 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
4324 transform: translateX(-7%); } }
4325
4326 .spin-cw {
4327 animation-name: spin-cw-1turn; }
4328
4329 @keyframes spin-cw-1turn {
4330 0% {
4331 transform: rotate(-1turn); }
4332 100% {
4333 transform: rotate(0); } }
4334
4335 .spin-ccw {
4336 animation-name: spin-cw-1turn; }
4337
4338 @keyframes spin-cw-1turn {
4339 0% {
4340 transform: rotate(0); }
4341 100% {
4342 transform: rotate(1turn); } }
4343
4344 .wiggle {
4345 animation-name: wiggle-7deg; }
4346
4347 @keyframes wiggle-7deg {
4348 40%, 50%, 60% {
4349 transform: rotate(7deg); }
4350 35%, 45%, 55%, 65% {
4351 transform: rotate(-7deg); }
4352 0%, 30%, 70%, 100% {
4353 transform: rotate(0); } }
4354
4355 .shake,
4356 .spin-cw,
4357 .spin-ccw,
4358 .wiggle {
4359 animation-duration: 500ms; }
4360
4361 .infinite {
4362 animation-iteration-count: infinite; }
4363
4364 .slow {
4365 animation-duration: 750ms !important; }
4366
4367 .fast {
4368 animation-duration: 250ms !important; }
4369
4370 .linear {
4371 animation-timing-function: linear !important; }
4372
4373 .ease {
4374 animation-timing-function: ease !important; }
4375
4376 .ease-in {
4377 animation-timing-function: ease-in !important; }
4378
4379 .ease-out {
4380 animation-timing-function: ease-out !important; }
4381
4382 .ease-in-out {
4383 animation-timing-function: ease-in-out !important; }
4384
4385 .bounce-in {
4386 animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
4387
4388 .bounce-out {
4389 animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important ; }
4390
4391 .bounce-in-out {
4392 animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
4393
4394 .short-delay {
4395 animation-delay: 300ms !important; }
4396
4397 .long-delay {
4398 animation-delay: 700ms !important; }
OLDNEW
« no previous file with comments | « packages/csslib/test/examples/bulma.css ('k') | packages/csslib/test/examples/materialize.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698