]>
Commit | Line | Data |
---|---|---|
5e1c08eb C |
1 | @charset "UTF-8"; |
2 | /** | |
3 | * Foundation for Sites by ZURB | |
4 | * Version 6.4.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 macOS. | |
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: 95%; } | |
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: #23241f; | |
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 | appearance: none; | |
476 | border: 0; | |
477 | border-radius: 0; | |
478 | background: transparent; | |
479 | line-height: 1; } | |
480 | [data-whatinput='mouse'] button { | |
481 | outline: 0; } | |
482 | ||
483 | pre { | |
484 | overflow: auto; } | |
485 | ||
486 | button, | |
487 | input, | |
488 | optgroup, | |
489 | select, | |
490 | textarea { | |
491 | font-family: inherit; } | |
492 | ||
493 | .is-visible { | |
494 | display: block !important; } | |
495 | ||
496 | .is-hidden { | |
497 | display: none !important; } | |
498 | ||
499 | .row { | |
500 | max-width: auto; | |
501 | margin-right: auto; | |
502 | margin-left: auto; } | |
503 | .row::before, .row::after { | |
504 | display: table; | |
505 | content: ' '; | |
506 | flex-basis: 0; | |
507 | order: 1; } | |
508 | .row::after { | |
509 | clear: both; } | |
510 | .row.collapse > .column, .row.collapse > .columns { | |
511 | padding-right: 0; | |
512 | padding-left: 0; } | |
513 | .row .row { | |
514 | margin-right: -0.6578947368rem; | |
515 | margin-left: -0.6578947368rem; } | |
516 | @media print, screen and (min-width: 40em) { | |
517 | .row .row { | |
518 | margin-right: -0.9868421053rem; | |
519 | margin-left: -0.9868421053rem; } } | |
520 | @media print, screen and (min-width: 64em) { | |
521 | .row .row { | |
522 | margin-right: -0.9868421053rem; | |
523 | margin-left: -0.9868421053rem; } } | |
524 | .row .row.collapse { | |
525 | margin-right: 0; | |
526 | margin-left: 0; } | |
527 | .row.expanded { | |
528 | max-width: none; } | |
529 | .row.expanded .row { | |
530 | margin-right: auto; | |
531 | margin-left: auto; } | |
532 | .row:not(.expanded) .row { | |
533 | max-width: none; } | |
534 | .row.gutter-small > .column, .row.gutter-small > .columns { | |
535 | padding-right: 0.6578947368rem; | |
536 | padding-left: 0.6578947368rem; } | |
537 | .row.gutter-medium > .column, .row.gutter-medium > .columns { | |
538 | padding-right: 0.9868421053rem; | |
539 | padding-left: 0.9868421053rem; } | |
540 | ||
541 | .column, .columns { | |
542 | width: 100%; | |
543 | float: left; | |
544 | padding-right: 0.6578947368rem; | |
545 | padding-left: 0.6578947368rem; } | |
546 | @media print, screen and (min-width: 40em) { | |
547 | .column, .columns { | |
548 | padding-right: 0.9868421053rem; | |
549 | padding-left: 0.9868421053rem; } } | |
550 | .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { | |
551 | float: right; } | |
552 | .column.end:last-child:last-child, .end.columns:last-child:last-child { | |
553 | float: left; } | |
554 | ||
555 | .column.row.row, .row.row.columns { | |
556 | float: none; } | |
557 | ||
558 | .row .column.row.row, .row .row.row.columns { | |
559 | margin-right: 0; | |
560 | margin-left: 0; | |
561 | padding-right: 0; | |
562 | padding-left: 0; } | |
563 | ||
564 | .small-1 { | |
565 | width: 8.3333333333%; } | |
566 | ||
567 | .small-push-1 { | |
568 | position: relative; | |
569 | left: 8.3333333333%; } | |
570 | ||
571 | .small-pull-1 { | |
572 | position: relative; | |
573 | left: -8.3333333333%; } | |
574 | ||
575 | .small-offset-0 { | |
576 | margin-left: 0%; } | |
577 | ||
578 | .small-2 { | |
579 | width: 16.6666666667%; } | |
580 | ||
581 | .small-push-2 { | |
582 | position: relative; | |
583 | left: 16.6666666667%; } | |
584 | ||
585 | .small-pull-2 { | |
586 | position: relative; | |
587 | left: -16.6666666667%; } | |
588 | ||
589 | .small-offset-1 { | |
590 | margin-left: 8.3333333333%; } | |
591 | ||
592 | .small-3 { | |
593 | width: 25%; } | |
594 | ||
595 | .small-push-3 { | |
596 | position: relative; | |
597 | left: 25%; } | |
598 | ||
599 | .small-pull-3 { | |
600 | position: relative; | |
601 | left: -25%; } | |
602 | ||
603 | .small-offset-2 { | |
604 | margin-left: 16.6666666667%; } | |
605 | ||
606 | .small-4 { | |
607 | width: 33.3333333333%; } | |
608 | ||
609 | .small-push-4 { | |
610 | position: relative; | |
611 | left: 33.3333333333%; } | |
612 | ||
613 | .small-pull-4 { | |
614 | position: relative; | |
615 | left: -33.3333333333%; } | |
616 | ||
617 | .small-offset-3 { | |
618 | margin-left: 25%; } | |
619 | ||
620 | .small-5 { | |
621 | width: 41.6666666667%; } | |
622 | ||
623 | .small-push-5 { | |
624 | position: relative; | |
625 | left: 41.6666666667%; } | |
626 | ||
627 | .small-pull-5 { | |
628 | position: relative; | |
629 | left: -41.6666666667%; } | |
630 | ||
631 | .small-offset-4 { | |
632 | margin-left: 33.3333333333%; } | |
633 | ||
634 | .small-6 { | |
635 | width: 50%; } | |
636 | ||
637 | .small-push-6 { | |
638 | position: relative; | |
639 | left: 50%; } | |
640 | ||
641 | .small-pull-6 { | |
642 | position: relative; | |
643 | left: -50%; } | |
644 | ||
645 | .small-offset-5 { | |
646 | margin-left: 41.6666666667%; } | |
647 | ||
648 | .small-7 { | |
649 | width: 58.3333333333%; } | |
650 | ||
651 | .small-push-7 { | |
652 | position: relative; | |
653 | left: 58.3333333333%; } | |
654 | ||
655 | .small-pull-7 { | |
656 | position: relative; | |
657 | left: -58.3333333333%; } | |
658 | ||
659 | .small-offset-6 { | |
660 | margin-left: 50%; } | |
661 | ||
662 | .small-8 { | |
663 | width: 66.6666666667%; } | |
664 | ||
665 | .small-push-8 { | |
666 | position: relative; | |
667 | left: 66.6666666667%; } | |
668 | ||
669 | .small-pull-8 { | |
670 | position: relative; | |
671 | left: -66.6666666667%; } | |
672 | ||
673 | .small-offset-7 { | |
674 | margin-left: 58.3333333333%; } | |
675 | ||
676 | .small-9 { | |
677 | width: 75%; } | |
678 | ||
679 | .small-push-9 { | |
680 | position: relative; | |
681 | left: 75%; } | |
682 | ||
683 | .small-pull-9 { | |
684 | position: relative; | |
685 | left: -75%; } | |
686 | ||
687 | .small-offset-8 { | |
688 | margin-left: 66.6666666667%; } | |
689 | ||
690 | .small-10 { | |
691 | width: 83.3333333333%; } | |
692 | ||
693 | .small-push-10 { | |
694 | position: relative; | |
695 | left: 83.3333333333%; } | |
696 | ||
697 | .small-pull-10 { | |
698 | position: relative; | |
699 | left: -83.3333333333%; } | |
700 | ||
701 | .small-offset-9 { | |
702 | margin-left: 75%; } | |
703 | ||
704 | .small-11 { | |
705 | width: 91.6666666667%; } | |
706 | ||
707 | .small-push-11 { | |
708 | position: relative; | |
709 | left: 91.6666666667%; } | |
710 | ||
711 | .small-pull-11 { | |
712 | position: relative; | |
713 | left: -91.6666666667%; } | |
714 | ||
715 | .small-offset-10 { | |
716 | margin-left: 83.3333333333%; } | |
717 | ||
718 | .small-12 { | |
719 | width: 100%; } | |
720 | ||
721 | .small-offset-11 { | |
722 | margin-left: 91.6666666667%; } | |
723 | ||
724 | .small-up-1 > .column, .small-up-1 > .columns { | |
725 | float: left; | |
726 | width: 100%; } | |
727 | .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { | |
728 | clear: none; } | |
729 | .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { | |
730 | clear: both; } | |
731 | .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { | |
732 | float: left; } | |
733 | ||
734 | .small-up-2 > .column, .small-up-2 > .columns { | |
735 | float: left; | |
736 | width: 50%; } | |
737 | .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { | |
738 | clear: none; } | |
739 | .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { | |
740 | clear: both; } | |
741 | .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { | |
742 | float: left; } | |
743 | ||
744 | .small-up-3 > .column, .small-up-3 > .columns { | |
745 | float: left; | |
746 | width: 33.3333333333%; } | |
747 | .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { | |
748 | clear: none; } | |
749 | .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { | |
750 | clear: both; } | |
751 | .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { | |
752 | float: left; } | |
753 | ||
754 | .small-up-4 > .column, .small-up-4 > .columns { | |
755 | float: left; | |
756 | width: 25%; } | |
757 | .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { | |
758 | clear: none; } | |
759 | .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { | |
760 | clear: both; } | |
761 | .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { | |
762 | float: left; } | |
763 | ||
764 | .small-up-5 > .column, .small-up-5 > .columns { | |
765 | float: left; | |
766 | width: 20%; } | |
767 | .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { | |
768 | clear: none; } | |
769 | .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { | |
770 | clear: both; } | |
771 | .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { | |
772 | float: left; } | |
773 | ||
774 | .small-up-6 > .column, .small-up-6 > .columns { | |
775 | float: left; | |
776 | width: 16.6666666667%; } | |
777 | .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { | |
778 | clear: none; } | |
779 | .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { | |
780 | clear: both; } | |
781 | .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { | |
782 | float: left; } | |
783 | ||
784 | .small-up-7 > .column, .small-up-7 > .columns { | |
785 | float: left; | |
786 | width: 14.2857142857%; } | |
787 | .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { | |
788 | clear: none; } | |
789 | .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { | |
790 | clear: both; } | |
791 | .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { | |
792 | float: left; } | |
793 | ||
794 | .small-up-8 > .column, .small-up-8 > .columns { | |
795 | float: left; | |
796 | width: 12.5%; } | |
797 | .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { | |
798 | clear: none; } | |
799 | .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { | |
800 | clear: both; } | |
801 | .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { | |
802 | float: left; } | |
803 | ||
804 | .small-collapse > .column, .small-collapse > .columns { | |
805 | padding-right: 0; | |
806 | padding-left: 0; } | |
807 | ||
808 | .small-collapse .row { | |
809 | margin-right: 0; | |
810 | margin-left: 0; } | |
811 | ||
812 | .expanded.row .small-collapse.row { | |
813 | margin-right: 0; | |
814 | margin-left: 0; } | |
815 | ||
816 | .small-uncollapse > .column, .small-uncollapse > .columns { | |
817 | padding-right: 0.6578947368rem; | |
818 | padding-left: 0.6578947368rem; } | |
819 | ||
820 | .small-centered { | |
821 | margin-right: auto; | |
822 | margin-left: auto; } | |
823 | .small-centered, .small-centered:last-child:not(:first-child) { | |
824 | float: none; | |
825 | clear: both; } | |
826 | ||
827 | .small-uncentered, | |
828 | .small-push-0, | |
829 | .small-pull-0 { | |
830 | position: static; | |
831 | float: left; | |
832 | margin-right: 0; | |
833 | margin-left: 0; } | |
834 | ||
835 | @media print, screen and (min-width: 40em) { | |
836 | .medium-1 { | |
837 | width: 8.3333333333%; } | |
838 | .medium-push-1 { | |
839 | position: relative; | |
840 | left: 8.3333333333%; } | |
841 | .medium-pull-1 { | |
842 | position: relative; | |
843 | left: -8.3333333333%; } | |
844 | .medium-offset-0 { | |
845 | margin-left: 0%; } | |
846 | .medium-2 { | |
847 | width: 16.6666666667%; } | |
848 | .medium-push-2 { | |
849 | position: relative; | |
850 | left: 16.6666666667%; } | |
851 | .medium-pull-2 { | |
852 | position: relative; | |
853 | left: -16.6666666667%; } | |
854 | .medium-offset-1 { | |
855 | margin-left: 8.3333333333%; } | |
856 | .medium-3 { | |
857 | width: 25%; } | |
858 | .medium-push-3 { | |
859 | position: relative; | |
860 | left: 25%; } | |
861 | .medium-pull-3 { | |
862 | position: relative; | |
863 | left: -25%; } | |
864 | .medium-offset-2 { | |
865 | margin-left: 16.6666666667%; } | |
866 | .medium-4 { | |
867 | width: 33.3333333333%; } | |
868 | .medium-push-4 { | |
869 | position: relative; | |
870 | left: 33.3333333333%; } | |
871 | .medium-pull-4 { | |
872 | position: relative; | |
873 | left: -33.3333333333%; } | |
874 | .medium-offset-3 { | |
875 | margin-left: 25%; } | |
876 | .medium-5 { | |
877 | width: 41.6666666667%; } | |
878 | .medium-push-5 { | |
879 | position: relative; | |
880 | left: 41.6666666667%; } | |
881 | .medium-pull-5 { | |
882 | position: relative; | |
883 | left: -41.6666666667%; } | |
884 | .medium-offset-4 { | |
885 | margin-left: 33.3333333333%; } | |
886 | .medium-6 { | |
887 | width: 50%; } | |
888 | .medium-push-6 { | |
889 | position: relative; | |
890 | left: 50%; } | |
891 | .medium-pull-6 { | |
892 | position: relative; | |
893 | left: -50%; } | |
894 | .medium-offset-5 { | |
895 | margin-left: 41.6666666667%; } | |
896 | .medium-7 { | |
897 | width: 58.3333333333%; } | |
898 | .medium-push-7 { | |
899 | position: relative; | |
900 | left: 58.3333333333%; } | |
901 | .medium-pull-7 { | |
902 | position: relative; | |
903 | left: -58.3333333333%; } | |
904 | .medium-offset-6 { | |
905 | margin-left: 50%; } | |
906 | .medium-8 { | |
907 | width: 66.6666666667%; } | |
908 | .medium-push-8 { | |
909 | position: relative; | |
910 | left: 66.6666666667%; } | |
911 | .medium-pull-8 { | |
912 | position: relative; | |
913 | left: -66.6666666667%; } | |
914 | .medium-offset-7 { | |
915 | margin-left: 58.3333333333%; } | |
916 | .medium-9 { | |
917 | width: 75%; } | |
918 | .medium-push-9 { | |
919 | position: relative; | |
920 | left: 75%; } | |
921 | .medium-pull-9 { | |
922 | position: relative; | |
923 | left: -75%; } | |
924 | .medium-offset-8 { | |
925 | margin-left: 66.6666666667%; } | |
926 | .medium-10 { | |
927 | width: 83.3333333333%; } | |
928 | .medium-push-10 { | |
929 | position: relative; | |
930 | left: 83.3333333333%; } | |
931 | .medium-pull-10 { | |
932 | position: relative; | |
933 | left: -83.3333333333%; } | |
934 | .medium-offset-9 { | |
935 | margin-left: 75%; } | |
936 | .medium-11 { | |
937 | width: 91.6666666667%; } | |
938 | .medium-push-11 { | |
939 | position: relative; | |
940 | left: 91.6666666667%; } | |
941 | .medium-pull-11 { | |
942 | position: relative; | |
943 | left: -91.6666666667%; } | |
944 | .medium-offset-10 { | |
945 | margin-left: 83.3333333333%; } | |
946 | .medium-12 { | |
947 | width: 100%; } | |
948 | .medium-offset-11 { | |
949 | margin-left: 91.6666666667%; } | |
950 | .medium-up-1 > .column, .medium-up-1 > .columns { | |
951 | float: left; | |
952 | width: 100%; } | |
953 | .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { | |
954 | clear: none; } | |
955 | .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { | |
956 | clear: both; } | |
957 | .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { | |
958 | float: left; } | |
959 | .medium-up-2 > .column, .medium-up-2 > .columns { | |
960 | float: left; | |
961 | width: 50%; } | |
962 | .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { | |
963 | clear: none; } | |
964 | .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { | |
965 | clear: both; } | |
966 | .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { | |
967 | float: left; } | |
968 | .medium-up-3 > .column, .medium-up-3 > .columns { | |
969 | float: left; | |
970 | width: 33.3333333333%; } | |
971 | .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { | |
972 | clear: none; } | |
973 | .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { | |
974 | clear: both; } | |
975 | .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { | |
976 | float: left; } | |
977 | .medium-up-4 > .column, .medium-up-4 > .columns { | |
978 | float: left; | |
979 | width: 25%; } | |
980 | .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { | |
981 | clear: none; } | |
982 | .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { | |
983 | clear: both; } | |
984 | .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { | |
985 | float: left; } | |
986 | .medium-up-5 > .column, .medium-up-5 > .columns { | |
987 | float: left; | |
988 | width: 20%; } | |
989 | .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { | |
990 | clear: none; } | |
991 | .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { | |
992 | clear: both; } | |
993 | .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { | |
994 | float: left; } | |
995 | .medium-up-6 > .column, .medium-up-6 > .columns { | |
996 | float: left; | |
997 | width: 16.6666666667%; } | |
998 | .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { | |
999 | clear: none; } | |
1000 | .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { | |
1001 | clear: both; } | |
1002 | .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { | |
1003 | float: left; } | |
1004 | .medium-up-7 > .column, .medium-up-7 > .columns { | |
1005 | float: left; | |
1006 | width: 14.2857142857%; } | |
1007 | .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { | |
1008 | clear: none; } | |
1009 | .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { | |
1010 | clear: both; } | |
1011 | .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { | |
1012 | float: left; } | |
1013 | .medium-up-8 > .column, .medium-up-8 > .columns { | |
1014 | float: left; | |
1015 | width: 12.5%; } | |
1016 | .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { | |
1017 | clear: none; } | |
1018 | .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { | |
1019 | clear: both; } | |
1020 | .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { | |
1021 | float: left; } | |
1022 | .medium-collapse > .column, .medium-collapse > .columns { | |
1023 | padding-right: 0; | |
1024 | padding-left: 0; } | |
1025 | .medium-collapse .row { | |
1026 | margin-right: 0; | |
1027 | margin-left: 0; } | |
1028 | .expanded.row .medium-collapse.row { | |
1029 | margin-right: 0; | |
1030 | margin-left: 0; } | |
1031 | .medium-uncollapse > .column, .medium-uncollapse > .columns { | |
1032 | padding-right: 0.9868421053rem; | |
1033 | padding-left: 0.9868421053rem; } | |
1034 | .medium-centered { | |
1035 | margin-right: auto; | |
1036 | margin-left: auto; } | |
1037 | .medium-centered, .medium-centered:last-child:not(:first-child) { | |
1038 | float: none; | |
1039 | clear: both; } | |
1040 | .medium-uncentered, | |
1041 | .medium-push-0, | |
1042 | .medium-pull-0 { | |
1043 | position: static; | |
1044 | float: left; | |
1045 | margin-right: 0; | |
1046 | margin-left: 0; } } | |
1047 | ||
1048 | @media print, screen and (min-width: 64em) { | |
1049 | .large-1 { | |
1050 | width: 8.3333333333%; } | |
1051 | .large-push-1 { | |
1052 | position: relative; | |
1053 | left: 8.3333333333%; } | |
1054 | .large-pull-1 { | |
1055 | position: relative; | |
1056 | left: -8.3333333333%; } | |
1057 | .large-offset-0 { | |
1058 | margin-left: 0%; } | |
1059 | .large-2 { | |
1060 | width: 16.6666666667%; } | |
1061 | .large-push-2 { | |
1062 | position: relative; | |
1063 | left: 16.6666666667%; } | |
1064 | .large-pull-2 { | |
1065 | position: relative; | |
1066 | left: -16.6666666667%; } | |
1067 | .large-offset-1 { | |
1068 | margin-left: 8.3333333333%; } | |
1069 | .large-3 { | |
1070 | width: 25%; } | |
1071 | .large-push-3 { | |
1072 | position: relative; | |
1073 | left: 25%; } | |
1074 | .large-pull-3 { | |
1075 | position: relative; | |
1076 | left: -25%; } | |
1077 | .large-offset-2 { | |
1078 | margin-left: 16.6666666667%; } | |
1079 | .large-4 { | |
1080 | width: 33.3333333333%; } | |
1081 | .large-push-4 { | |
1082 | position: relative; | |
1083 | left: 33.3333333333%; } | |
1084 | .large-pull-4 { | |
1085 | position: relative; | |
1086 | left: -33.3333333333%; } | |
1087 | .large-offset-3 { | |
1088 | margin-left: 25%; } | |
1089 | .large-5 { | |
1090 | width: 41.6666666667%; } | |
1091 | .large-push-5 { | |
1092 | position: relative; | |
1093 | left: 41.6666666667%; } | |
1094 | .large-pull-5 { | |
1095 | position: relative; | |
1096 | left: -41.6666666667%; } | |
1097 | .large-offset-4 { | |
1098 | margin-left: 33.3333333333%; } | |
1099 | .large-6 { | |
1100 | width: 50%; } | |
1101 | .large-push-6 { | |
1102 | position: relative; | |
1103 | left: 50%; } | |
1104 | .large-pull-6 { | |
1105 | position: relative; | |
1106 | left: -50%; } | |
1107 | .large-offset-5 { | |
1108 | margin-left: 41.6666666667%; } | |
1109 | .large-7 { | |
1110 | width: 58.3333333333%; } | |
1111 | .large-push-7 { | |
1112 | position: relative; | |
1113 | left: 58.3333333333%; } | |
1114 | .large-pull-7 { | |
1115 | position: relative; | |
1116 | left: -58.3333333333%; } | |
1117 | .large-offset-6 { | |
1118 | margin-left: 50%; } | |
1119 | .large-8 { | |
1120 | width: 66.6666666667%; } | |
1121 | .large-push-8 { | |
1122 | position: relative; | |
1123 | left: 66.6666666667%; } | |
1124 | .large-pull-8 { | |
1125 | position: relative; | |
1126 | left: -66.6666666667%; } | |
1127 | .large-offset-7 { | |
1128 | margin-left: 58.3333333333%; } | |
1129 | .large-9 { | |
1130 | width: 75%; } | |
1131 | .large-push-9 { | |
1132 | position: relative; | |
1133 | left: 75%; } | |
1134 | .large-pull-9 { | |
1135 | position: relative; | |
1136 | left: -75%; } | |
1137 | .large-offset-8 { | |
1138 | margin-left: 66.6666666667%; } | |
1139 | .large-10 { | |
1140 | width: 83.3333333333%; } | |
1141 | .large-push-10 { | |
1142 | position: relative; | |
1143 | left: 83.3333333333%; } | |
1144 | .large-pull-10 { | |
1145 | position: relative; | |
1146 | left: -83.3333333333%; } | |
1147 | .large-offset-9 { | |
1148 | margin-left: 75%; } | |
1149 | .large-11 { | |
1150 | width: 91.6666666667%; } | |
1151 | .large-push-11 { | |
1152 | position: relative; | |
1153 | left: 91.6666666667%; } | |
1154 | .large-pull-11 { | |
1155 | position: relative; | |
1156 | left: -91.6666666667%; } | |
1157 | .large-offset-10 { | |
1158 | margin-left: 83.3333333333%; } | |
1159 | .large-12 { | |
1160 | width: 100%; } | |
1161 | .large-offset-11 { | |
1162 | margin-left: 91.6666666667%; } | |
1163 | .large-up-1 > .column, .large-up-1 > .columns { | |
1164 | float: left; | |
1165 | width: 100%; } | |
1166 | .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { | |
1167 | clear: none; } | |
1168 | .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { | |
1169 | clear: both; } | |
1170 | .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { | |
1171 | float: left; } | |
1172 | .large-up-2 > .column, .large-up-2 > .columns { | |
1173 | float: left; | |
1174 | width: 50%; } | |
1175 | .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { | |
1176 | clear: none; } | |
1177 | .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { | |
1178 | clear: both; } | |
1179 | .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { | |
1180 | float: left; } | |
1181 | .large-up-3 > .column, .large-up-3 > .columns { | |
1182 | float: left; | |
1183 | width: 33.3333333333%; } | |
1184 | .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { | |
1185 | clear: none; } | |
1186 | .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { | |
1187 | clear: both; } | |
1188 | .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { | |
1189 | float: left; } | |
1190 | .large-up-4 > .column, .large-up-4 > .columns { | |
1191 | float: left; | |
1192 | width: 25%; } | |
1193 | .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { | |
1194 | clear: none; } | |
1195 | .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { | |
1196 | clear: both; } | |
1197 | .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { | |
1198 | float: left; } | |
1199 | .large-up-5 > .column, .large-up-5 > .columns { | |
1200 | float: left; | |
1201 | width: 20%; } | |
1202 | .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { | |
1203 | clear: none; } | |
1204 | .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { | |
1205 | clear: both; } | |
1206 | .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { | |
1207 | float: left; } | |
1208 | .large-up-6 > .column, .large-up-6 > .columns { | |
1209 | float: left; | |
1210 | width: 16.6666666667%; } | |
1211 | .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { | |
1212 | clear: none; } | |
1213 | .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { | |
1214 | clear: both; } | |
1215 | .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { | |
1216 | float: left; } | |
1217 | .large-up-7 > .column, .large-up-7 > .columns { | |
1218 | float: left; | |
1219 | width: 14.2857142857%; } | |
1220 | .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { | |
1221 | clear: none; } | |
1222 | .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { | |
1223 | clear: both; } | |
1224 | .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { | |
1225 | float: left; } | |
1226 | .large-up-8 > .column, .large-up-8 > .columns { | |
1227 | float: left; | |
1228 | width: 12.5%; } | |
1229 | .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { | |
1230 | clear: none; } | |
1231 | .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { | |
1232 | clear: both; } | |
1233 | .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { | |
1234 | float: left; } | |
1235 | .large-collapse > .column, .large-collapse > .columns { | |
1236 | padding-right: 0; | |
1237 | padding-left: 0; } | |
1238 | .large-collapse .row { | |
1239 | margin-right: 0; | |
1240 | margin-left: 0; } | |
1241 | .expanded.row .large-collapse.row { | |
1242 | margin-right: 0; | |
1243 | margin-left: 0; } | |
1244 | .large-uncollapse > .column, .large-uncollapse > .columns { | |
1245 | padding-right: 0.9868421053rem; | |
1246 | padding-left: 0.9868421053rem; } | |
1247 | .large-centered { | |
1248 | margin-right: auto; | |
1249 | margin-left: auto; } | |
1250 | .large-centered, .large-centered:last-child:not(:first-child) { | |
1251 | float: none; | |
1252 | clear: both; } | |
1253 | .large-uncentered, | |
1254 | .large-push-0, | |
1255 | .large-pull-0 { | |
1256 | position: static; | |
1257 | float: left; | |
1258 | margin-right: 0; | |
1259 | margin-left: 0; } } | |
1260 | ||
1261 | .column-block { | |
1262 | margin-bottom: 1.3157894737rem; } | |
1263 | .column-block > :last-child { | |
1264 | margin-bottom: 0; } | |
1265 | @media print, screen and (min-width: 40em) { | |
1266 | .column-block { | |
1267 | margin-bottom: 1.9736842105rem; } | |
1268 | .column-block > :last-child { | |
1269 | margin-bottom: 0; } } | |
1270 | ||
1271 | div, | |
1272 | dl, | |
1273 | dt, | |
1274 | dd, | |
1275 | ul, | |
1276 | ol, | |
1277 | li, | |
1278 | h1, | |
1279 | h2, | |
1280 | h3, | |
1281 | h4, | |
1282 | h5, | |
1283 | h6, | |
1284 | pre, | |
1285 | form, | |
1286 | p, | |
1287 | blockquote, | |
1288 | th, | |
1289 | td { | |
1290 | margin: 0; | |
1291 | padding: 0; } | |
1292 | ||
1293 | p { | |
1294 | margin-bottom: 1rem; | |
1295 | font-size: inherit; | |
1296 | line-height: 1.6; | |
1297 | text-rendering: optimizeLegibility; } | |
1298 | ||
1299 | em, | |
1300 | i { | |
1301 | font-style: italic; | |
1302 | line-height: inherit; } | |
1303 | ||
1304 | strong, | |
1305 | b { | |
1306 | font-weight: bold; | |
1307 | line-height: inherit; } | |
1308 | ||
1309 | small { | |
1310 | font-size: 80%; | |
1311 | line-height: inherit; } | |
1312 | ||
1313 | h1, | |
1314 | h2, | |
1315 | h3, | |
1316 | h4, | |
1317 | h5, | |
1318 | h6 { | |
1319 | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; | |
1320 | font-style: normal; | |
1321 | font-weight: normal; | |
1322 | color: inherit; | |
1323 | text-rendering: optimizeLegibility; } | |
1324 | h1 small, | |
1325 | h2 small, | |
1326 | h3 small, | |
1327 | h4 small, | |
1328 | h5 small, | |
1329 | h6 small { | |
1330 | line-height: 0; | |
1331 | color: #cacaca; } | |
1332 | ||
1333 | h1 { | |
1334 | font-size: 1.5789473684rem; | |
1335 | line-height: 1.4; | |
1336 | margin-top: 0; | |
1337 | margin-bottom: 0.5rem; } | |
1338 | ||
1339 | h2 { | |
1340 | font-size: 1.3157894737rem; | |
1341 | line-height: 1.4; | |
1342 | margin-top: 0; | |
1343 | margin-bottom: 0.5rem; } | |
1344 | ||
1345 | h3 { | |
1346 | font-size: 1.25rem; | |
1347 | line-height: 1.4; | |
1348 | margin-top: 0; | |
1349 | margin-bottom: 0.5rem; } | |
1350 | ||
1351 | h4 { | |
1352 | font-size: 1.1842105263rem; | |
1353 | line-height: 1.4; | |
1354 | margin-top: 0; | |
1355 | margin-bottom: 0.5rem; } | |
1356 | ||
1357 | h5 { | |
1358 | font-size: 1.1184210526rem; | |
1359 | line-height: 1.4; | |
1360 | margin-top: 0; | |
1361 | margin-bottom: 0.5rem; } | |
1362 | ||
1363 | h6 { | |
1364 | font-size: 1.0526315789rem; | |
1365 | line-height: 1.4; | |
1366 | margin-top: 0; | |
1367 | margin-bottom: 0.5rem; } | |
1368 | ||
1369 | @media print, screen and (min-width: 40em) { | |
1370 | h1 { | |
1371 | font-size: 1.7105263158rem; } | |
1372 | h2 { | |
1373 | font-size: 1.5789473684rem; } | |
1374 | h3 { | |
1375 | font-size: 1.3157894737rem; } | |
1376 | h4 { | |
1377 | font-size: 1.1842105263rem; } | |
1378 | h5 { | |
1379 | font-size: 1.1184210526rem; } | |
1380 | h6 { | |
1381 | font-size: 1.0526315789rem; } } | |
1382 | ||
1383 | a { | |
1384 | line-height: inherit; | |
1385 | color: #1779ba; | |
1386 | text-decoration: none; | |
1387 | cursor: pointer; } | |
1388 | a:hover, a:focus { | |
1389 | color: #1468a0; } | |
1390 | a img { | |
1391 | border: 0; } | |
1392 | ||
1393 | hr { | |
1394 | clear: both; | |
1395 | max-width: auto; | |
1396 | height: 0; | |
1397 | margin: 1.3157894737rem auto; | |
1398 | border-top: 0; | |
1399 | border-right: 0; | |
1400 | border-bottom: 1px solid #cacaca; | |
1401 | border-left: 0; } | |
1402 | ||
1403 | ul, | |
1404 | ol, | |
1405 | dl { | |
1406 | margin-bottom: 1rem; | |
1407 | list-style-position: outside; | |
1408 | line-height: 1.6; } | |
1409 | ||
1410 | li { | |
1411 | font-size: inherit; } | |
1412 | ||
1413 | ul { | |
1414 | margin-left: 1.25rem; | |
1415 | list-style-type: disc; } | |
1416 | ||
1417 | ol { | |
1418 | margin-left: 1.25rem; } | |
1419 | ||
1420 | ul ul, ol ul, ul ol, ol ol { | |
1421 | margin-left: 1.25rem; | |
1422 | margin-bottom: 0; } | |
1423 | ||
1424 | dl { | |
1425 | margin-bottom: 1rem; } | |
1426 | dl dt { | |
1427 | margin-bottom: 0.3rem; | |
1428 | font-weight: bold; } | |
1429 | ||
1430 | blockquote { | |
1431 | margin: 0 0 1rem; | |
1432 | padding: 0.5921052632rem 1.3157894737rem 0 1.25rem; | |
1433 | border-left: 1px solid #cacaca; } | |
1434 | blockquote, blockquote p { | |
1435 | line-height: 1.6; | |
1436 | color: #8a8a8a; } | |
1437 | ||
1438 | cite { | |
1439 | display: block; | |
1440 | font-size: 0.8552631579rem; | |
1441 | color: #8a8a8a; } | |
1442 | cite:before { | |
1443 | content: "— "; } | |
1444 | ||
1445 | abbr, abbr[title] { | |
1446 | border-bottom: 1px dotted #23241f; | |
1447 | cursor: help; | |
1448 | text-decoration: none; } | |
1449 | ||
1450 | figure { | |
1451 | margin: 0; } | |
1452 | ||
1453 | code { | |
1454 | padding: 0.1315789474rem 0.3289473684rem 0.0657894737rem; | |
1455 | border: 1px solid #cacaca; | |
1456 | background-color: #e6e6e6; | |
1457 | font-family: Consolas, "Liberation Mono", Courier, monospace; | |
1458 | font-weight: normal; | |
1459 | color: #23241f; } | |
1460 | ||
1461 | kbd { | |
1462 | margin: 0; | |
1463 | padding: 0.1315789474rem 0.2631578947rem 0; | |
1464 | background-color: #e6e6e6; | |
1465 | font-family: Consolas, "Liberation Mono", Courier, monospace; | |
1466 | color: #23241f; } | |
1467 | ||
1468 | .subheader { | |
1469 | margin-top: 0.2rem; | |
1470 | margin-bottom: 0.5rem; | |
1471 | font-weight: normal; | |
1472 | line-height: 1.4; | |
1473 | color: #8a8a8a; } | |
1474 | ||
1475 | .lead { | |
1476 | font-size: 118.75%; | |
1477 | line-height: 1.6; } | |
1478 | ||
1479 | .stat { | |
1480 | font-size: 2.5rem; | |
1481 | line-height: 1; } | |
1482 | p + .stat { | |
1483 | margin-top: -1rem; } | |
1484 | ||
1485 | ul.no-bullet, ol.no-bullet { | |
1486 | margin-left: 0; | |
1487 | list-style: none; } | |
1488 | ||
1489 | .text-left { | |
1490 | text-align: left; } | |
1491 | ||
1492 | .text-right { | |
1493 | text-align: right; } | |
1494 | ||
1495 | .text-center { | |
1496 | text-align: center; } | |
1497 | ||
1498 | .text-justify { | |
1499 | text-align: justify; } | |
1500 | ||
1501 | @media print, screen and (min-width: 40em) { | |
1502 | .medium-text-left { | |
1503 | text-align: left; } | |
1504 | .medium-text-right { | |
1505 | text-align: right; } | |
1506 | .medium-text-center { | |
1507 | text-align: center; } | |
1508 | .medium-text-justify { | |
1509 | text-align: justify; } } | |
1510 | ||
1511 | @media print, screen and (min-width: 64em) { | |
1512 | .large-text-left { | |
1513 | text-align: left; } | |
1514 | .large-text-right { | |
1515 | text-align: right; } | |
1516 | .large-text-center { | |
1517 | text-align: center; } | |
1518 | .large-text-justify { | |
1519 | text-align: justify; } } | |
1520 | ||
1521 | .show-for-print { | |
1522 | display: none !important; } | |
1523 | ||
1524 | @media print { | |
1525 | * { | |
1526 | background: transparent !important; | |
1527 | box-shadow: none !important; | |
1528 | color: black !important; | |
1529 | text-shadow: none !important; } | |
1530 | .show-for-print { | |
1531 | display: block !important; } | |
1532 | .hide-for-print { | |
1533 | display: none !important; } | |
1534 | table.show-for-print { | |
1535 | display: table !important; } | |
1536 | thead.show-for-print { | |
1537 | display: table-header-group !important; } | |
1538 | tbody.show-for-print { | |
1539 | display: table-row-group !important; } | |
1540 | tr.show-for-print { | |
1541 | display: table-row !important; } | |
1542 | td.show-for-print { | |
1543 | display: table-cell !important; } | |
1544 | th.show-for-print { | |
1545 | display: table-cell !important; } | |
1546 | a, | |
1547 | a:visited { | |
1548 | text-decoration: underline; } | |
1549 | a[href]:after { | |
1550 | content: " (" attr(href) ")"; } | |
1551 | .ir a:after, | |
1552 | a[href^='javascript:']:after, | |
1553 | a[href^='#']:after { | |
1554 | content: ''; } | |
1555 | abbr[title]:after { | |
1556 | content: " (" attr(title) ")"; } | |
1557 | pre, | |
1558 | blockquote { | |
1559 | border: 1px solid #8a8a8a; | |
1560 | page-break-inside: avoid; } | |
1561 | thead { | |
1562 | display: table-header-group; } | |
1563 | tr, | |
1564 | img { | |
1565 | page-break-inside: avoid; } | |
1566 | img { | |
1567 | max-width: 100% !important; } | |
1568 | @page { | |
1569 | margin: 0.5cm; } | |
1570 | p, | |
1571 | h2, | |
1572 | h3 { | |
1573 | orphans: 3; | |
1574 | widows: 3; } | |
1575 | h2, | |
1576 | h3 { | |
1577 | page-break-after: avoid; } | |
1578 | .print-break-inside { | |
1579 | page-break-inside: auto; } } | |
1580 | ||
1581 | .button { | |
1582 | display: inline-block; | |
1583 | vertical-align: middle; | |
1584 | margin: 0 0 1rem 0; | |
1585 | font-family: inherit; | |
1586 | padding: 0.85em 1em; | |
1587 | -webkit-appearance: none; | |
1588 | border: 1px solid transparent; | |
1589 | border-radius: 0; | |
1590 | transition: background-color 0.25s ease-out, color 0.25s ease-out; | |
1591 | font-size: 0.9rem; | |
1592 | line-height: 1; | |
1593 | text-align: center; | |
1594 | cursor: pointer; | |
1595 | background-color: #1779ba; | |
1596 | color: #fefefe; } | |
1597 | [data-whatinput='mouse'] .button { | |
1598 | outline: 0; } | |
1599 | .button:hover, .button:focus { | |
1600 | background-color: #14679e; | |
1601 | color: #fefefe; } | |
1602 | .button.tiny { | |
1603 | font-size: 0.6rem; } | |
1604 | .button.small { | |
1605 | font-size: 0.75rem; } | |
1606 | .button.large { | |
1607 | font-size: 1.25rem; } | |
1608 | .button.expanded { | |
1609 | display: block; | |
1610 | width: 100%; | |
1611 | margin-right: 0; | |
1612 | margin-left: 0; } | |
1613 | .button.primary { | |
1614 | background-color: #1779ba; | |
1615 | color: #fefefe; } | |
1616 | .button.primary:hover, .button.primary:focus { | |
1617 | background-color: #126195; | |
1618 | color: #fefefe; } | |
1619 | .button.secondary { | |
1620 | background-color: #767676; | |
1621 | color: #fefefe; } | |
1622 | .button.secondary:hover, .button.secondary:focus { | |
1623 | background-color: #5e5e5e; | |
1624 | color: #fefefe; } | |
1625 | .button.success { | |
1626 | background-color: #3adb76; | |
1627 | color: #23241f; } | |
1628 | .button.success:hover, .button.success:focus { | |
1629 | background-color: #22bb5b; | |
1630 | color: #23241f; } | |
1631 | .button.warning { | |
1632 | background-color: #ffae00; | |
1633 | color: #23241f; } | |
1634 | .button.warning:hover, .button.warning:focus { | |
1635 | background-color: #cc8b00; | |
1636 | color: #23241f; } | |
1637 | .button.alert { | |
1638 | background-color: #cc4b37; | |
1639 | color: #fefefe; } | |
1640 | .button.alert:hover, .button.alert:focus { | |
1641 | background-color: #a53b2a; | |
1642 | color: #fefefe; } | |
1643 | .button.disabled, .button[disabled] { | |
1644 | opacity: 0.25; | |
1645 | cursor: not-allowed; } | |
1646 | .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { | |
1647 | background-color: #1779ba; | |
1648 | color: #fefefe; } | |
1649 | .button.disabled.primary, .button[disabled].primary { | |
1650 | opacity: 0.25; | |
1651 | cursor: not-allowed; } | |
1652 | .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { | |
1653 | background-color: #1779ba; | |
1654 | color: #fefefe; } | |
1655 | .button.disabled.secondary, .button[disabled].secondary { | |
1656 | opacity: 0.25; | |
1657 | cursor: not-allowed; } | |
1658 | .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { | |
1659 | background-color: #767676; | |
1660 | color: #fefefe; } | |
1661 | .button.disabled.success, .button[disabled].success { | |
1662 | opacity: 0.25; | |
1663 | cursor: not-allowed; } | |
1664 | .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { | |
1665 | background-color: #3adb76; | |
1666 | color: #23241f; } | |
1667 | .button.disabled.warning, .button[disabled].warning { | |
1668 | opacity: 0.25; | |
1669 | cursor: not-allowed; } | |
1670 | .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { | |
1671 | background-color: #ffae00; | |
1672 | color: #23241f; } | |
1673 | .button.disabled.alert, .button[disabled].alert { | |
1674 | opacity: 0.25; | |
1675 | cursor: not-allowed; } | |
1676 | .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { | |
1677 | background-color: #cc4b37; | |
1678 | color: #fefefe; } | |
1679 | .button.hollow { | |
1680 | border: 1px solid #1779ba; | |
1681 | color: #1779ba; } | |
1682 | .button.hollow, .button.hollow:hover, .button.hollow:focus { | |
1683 | background-color: transparent; } | |
1684 | .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { | |
1685 | background-color: transparent; } | |
1686 | .button.hollow:hover, .button.hollow:focus { | |
1687 | border-color: #0c3d5d; | |
1688 | color: #0c3d5d; } | |
1689 | .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] { | |
1690 | border: 1px solid #1779ba; | |
1691 | color: #1779ba; } | |
1692 | .button.hollow.primary { | |
1693 | border: 1px solid #1779ba; | |
1694 | color: #1779ba; } | |
1695 | .button.hollow.primary:hover, .button.hollow.primary:focus { | |
1696 | border-color: #0c3d5d; | |
1697 | color: #0c3d5d; } | |
1698 | .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] { | |
1699 | border: 1px solid #1779ba; | |
1700 | color: #1779ba; } | |
1701 | .button.hollow.secondary { | |
1702 | border: 1px solid #767676; | |
1703 | color: #767676; } | |
1704 | .button.hollow.secondary:hover, .button.hollow.secondary:focus { | |
1705 | border-color: #3b3b3b; | |
1706 | color: #3b3b3b; } | |
1707 | .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { | |
1708 | border: 1px solid #767676; | |
1709 | color: #767676; } | |
1710 | .button.hollow.success { | |
1711 | border: 1px solid #3adb76; | |
1712 | color: #3adb76; } | |
1713 | .button.hollow.success:hover, .button.hollow.success:focus { | |
1714 | border-color: #157539; | |
1715 | color: #157539; } | |
1716 | .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] { | |
1717 | border: 1px solid #3adb76; | |
1718 | color: #3adb76; } | |
1719 | .button.hollow.warning { | |
1720 | border: 1px solid #ffae00; | |
1721 | color: #ffae00; } | |
1722 | .button.hollow.warning:hover, .button.hollow.warning:focus { | |
1723 | border-color: #805700; | |
1724 | color: #805700; } | |
1725 | .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] { | |
1726 | border: 1px solid #ffae00; | |
1727 | color: #ffae00; } | |
1728 | .button.hollow.alert { | |
1729 | border: 1px solid #cc4b37; | |
1730 | color: #cc4b37; } | |
1731 | .button.hollow.alert:hover, .button.hollow.alert:focus { | |
1732 | border-color: #67251a; | |
1733 | color: #67251a; } | |
1734 | .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] { | |
1735 | border: 1px solid #cc4b37; | |
1736 | color: #cc4b37; } | |
1737 | .button.clear { | |
1738 | border: 1px solid #1779ba; | |
1739 | color: #1779ba; } | |
1740 | .button.clear, .button.clear:hover, .button.clear:focus { | |
1741 | background-color: transparent; } | |
1742 | .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { | |
1743 | background-color: transparent; } | |
1744 | .button.clear:hover, .button.clear:focus { | |
1745 | border-color: #0c3d5d; | |
1746 | color: #0c3d5d; } | |
1747 | .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] { | |
1748 | border: 1px solid #1779ba; | |
1749 | color: #1779ba; } | |
1750 | .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] { | |
1751 | border-color: transparent; } | |
1752 | .button.clear.primary { | |
1753 | border: 1px solid #1779ba; | |
1754 | color: #1779ba; } | |
1755 | .button.clear.primary:hover, .button.clear.primary:focus { | |
1756 | border-color: #0c3d5d; | |
1757 | color: #0c3d5d; } | |
1758 | .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { | |
1759 | border: 1px solid #1779ba; | |
1760 | color: #1779ba; } | |
1761 | .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { | |
1762 | border-color: transparent; } | |
1763 | .button.clear.secondary { | |
1764 | border: 1px solid #767676; | |
1765 | color: #767676; } | |
1766 | .button.clear.secondary:hover, .button.clear.secondary:focus { | |
1767 | border-color: #3b3b3b; | |
1768 | color: #3b3b3b; } | |
1769 | .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { | |
1770 | border: 1px solid #767676; | |
1771 | color: #767676; } | |
1772 | .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { | |
1773 | border-color: transparent; } | |
1774 | .button.clear.success { | |
1775 | border: 1px solid #3adb76; | |
1776 | color: #3adb76; } | |
1777 | .button.clear.success:hover, .button.clear.success:focus { | |
1778 | border-color: #157539; | |
1779 | color: #157539; } | |
1780 | .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { | |
1781 | border: 1px solid #3adb76; | |
1782 | color: #3adb76; } | |
1783 | .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { | |
1784 | border-color: transparent; } | |
1785 | .button.clear.warning { | |
1786 | border: 1px solid #ffae00; | |
1787 | color: #ffae00; } | |
1788 | .button.clear.warning:hover, .button.clear.warning:focus { | |
1789 | border-color: #805700; | |
1790 | color: #805700; } | |
1791 | .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { | |
1792 | border: 1px solid #ffae00; | |
1793 | color: #ffae00; } | |
1794 | .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { | |
1795 | border-color: transparent; } | |
1796 | .button.clear.alert { | |
1797 | border: 1px solid #cc4b37; | |
1798 | color: #cc4b37; } | |
1799 | .button.clear.alert:hover, .button.clear.alert:focus { | |
1800 | border-color: #67251a; | |
1801 | color: #67251a; } | |
1802 | .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { | |
1803 | border: 1px solid #cc4b37; | |
1804 | color: #cc4b37; } | |
1805 | .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { | |
1806 | border-color: transparent; } | |
1807 | .button.dropdown::after { | |
1808 | display: block; | |
1809 | width: 0; | |
1810 | height: 0; | |
1811 | border: inset 0.4em; | |
1812 | content: ''; | |
1813 | border-bottom-width: 0; | |
1814 | border-top-style: solid; | |
1815 | border-color: #fefefe transparent transparent; | |
1816 | position: relative; | |
1817 | top: 0.4em; | |
1818 | display: inline-block; | |
1819 | float: right; | |
1820 | margin-left: 1em; } | |
1821 | .button.dropdown.hollow::after { | |
1822 | border-top-color: #1779ba; } | |
1823 | .button.dropdown.hollow.primary::after { | |
1824 | border-top-color: #1779ba; } | |
1825 | .button.dropdown.hollow.secondary::after { | |
1826 | border-top-color: #767676; } | |
1827 | .button.dropdown.hollow.success::after { | |
1828 | border-top-color: #3adb76; } | |
1829 | .button.dropdown.hollow.warning::after { | |
1830 | border-top-color: #ffae00; } | |
1831 | .button.dropdown.hollow.alert::after { | |
1832 | border-top-color: #cc4b37; } | |
1833 | .button.arrow-only::after { | |
1834 | top: -0.1em; | |
1835 | float: none; | |
1836 | margin-left: 0; } | |
1837 | ||
1838 | [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], | |
1839 | textarea { | |
1840 | display: block; | |
1841 | box-sizing: border-box; | |
1842 | width: 100%; | |
1843 | height: 2.5657894737rem; | |
1844 | margin: 0 0 1.0526315789rem; | |
1845 | padding: 0.5263157895rem; | |
1846 | border: 1px solid #cacaca; | |
1847 | border-radius: 0; | |
1848 | background-color: #fefefe; | |
1849 | box-shadow: inset 0 1px 2px rgba(35, 36, 31, 0.1); | |
1850 | font-family: inherit; | |
1851 | font-size: 1.0526315789rem; | |
1852 | font-weight: normal; | |
1853 | line-height: 1.5; | |
1854 | color: #23241f; | |
1855 | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; | |
1856 | appearance: none; } | |
1857 | [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, | |
1858 | textarea:focus { | |
1859 | outline: none; | |
1860 | border: 1px solid #8a8a8a; | |
1861 | background-color: #fefefe; | |
1862 | box-shadow: 0 0 5px #cacaca; | |
1863 | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } | |
1864 | ||
1865 | textarea { | |
1866 | max-width: 100%; } | |
1867 | textarea[rows] { | |
1868 | height: auto; } | |
1869 | ||
1870 | input::placeholder, | |
1871 | textarea::placeholder { | |
1872 | color: #cacaca; } | |
1873 | ||
1874 | input:disabled, input[readonly], | |
1875 | textarea:disabled, | |
1876 | textarea[readonly] { | |
1877 | background-color: #e6e6e6; | |
1878 | cursor: not-allowed; } | |
1879 | ||
1880 | [type='submit'], | |
1881 | [type='button'] { | |
1882 | appearance: none; | |
1883 | border-radius: 0; } | |
1884 | ||
1885 | input[type='search'] { | |
1886 | box-sizing: border-box; } | |
1887 | ||
1888 | [type='file'], | |
1889 | [type='checkbox'], | |
1890 | [type='radio'] { | |
1891 | margin: 0 0 1.0526315789rem; } | |
1892 | ||
1893 | [type='checkbox'] + label, | |
1894 | [type='radio'] + label { | |
1895 | display: inline-block; | |
1896 | vertical-align: baseline; | |
1897 | margin-left: 0.5263157895rem; | |
1898 | margin-right: 1.0526315789rem; | |
1899 | margin-bottom: 0; } | |
1900 | [type='checkbox'] + label[for], | |
1901 | [type='radio'] + label[for] { | |
1902 | cursor: pointer; } | |
1903 | ||
1904 | label > [type='checkbox'], | |
1905 | label > [type='radio'] { | |
1906 | margin-right: 0.5263157895rem; } | |
1907 | ||
1908 | [type='file'] { | |
1909 | width: 100%; } | |
1910 | ||
1911 | label { | |
1912 | display: block; | |
1913 | margin: 0; | |
1914 | font-size: 0.9210526316rem; | |
1915 | font-weight: normal; | |
1916 | line-height: 1.8; | |
1917 | color: #23241f; } | |
1918 | label.middle { | |
1919 | margin: 0 0 1.0526315789rem; | |
1920 | padding: 0.5921052632rem 0; } | |
1921 | ||
1922 | .help-text { | |
1923 | margin-top: -0.5263157895rem; | |
1924 | font-size: 0.8552631579rem; | |
1925 | font-style: italic; | |
1926 | color: #23241f; } | |
1927 | ||
1928 | .input-group { | |
1929 | display: flex; | |
1930 | width: 100%; | |
1931 | margin-bottom: 1.0526315789rem; | |
1932 | align-items: stretch; } | |
1933 | .input-group > :first-child { | |
1934 | border-radius: 0 0 0 0; } | |
1935 | .input-group > :last-child > * { | |
1936 | border-radius: 0 0 0 0; } | |
1937 | ||
1938 | .input-group-label, .input-group-field, .input-group-button, .input-group-button a, | |
1939 | .input-group-button input, | |
1940 | .input-group-button button, | |
1941 | .input-group-button label { | |
1942 | margin: 0; | |
1943 | white-space: nowrap; } | |
1944 | ||
1945 | .input-group-label { | |
1946 | padding: 0 1rem; | |
1947 | border: 1px solid #cacaca; | |
1948 | background: #e6e6e6; | |
1949 | color: #23241f; | |
1950 | text-align: center; | |
1951 | white-space: nowrap; | |
1952 | display: flex; | |
1953 | flex: 0 0 auto; | |
1954 | align-items: center; } | |
1955 | .input-group-label:first-child { | |
1956 | border-right: 0; } | |
1957 | .input-group-label:last-child { | |
1958 | border-left: 0; } | |
1959 | ||
1960 | .input-group-field { | |
1961 | border-radius: 0; | |
1962 | flex: 1 1 0px; | |
1963 | height: auto; | |
1964 | min-width: 0; } | |
1965 | ||
1966 | .input-group-button { | |
1967 | padding-top: 0; | |
1968 | padding-bottom: 0; | |
1969 | text-align: center; | |
1970 | flex: 0 0 auto; } | |
1971 | .input-group-button a, | |
1972 | .input-group-button input, | |
1973 | .input-group-button button, | |
1974 | .input-group-button label { | |
1975 | height: 2.6315789474rem; | |
1976 | padding-top: 0; | |
1977 | padding-bottom: 0; | |
1978 | font-size: 1.0526315789rem; } | |
1979 | ||
1980 | fieldset { | |
1981 | margin: 0; | |
1982 | padding: 0; | |
1983 | border: 0; } | |
1984 | ||
1985 | legend { | |
1986 | max-width: 100%; | |
1987 | margin-bottom: 0.5263157895rem; } | |
1988 | ||
1989 | .fieldset { | |
1990 | margin: 1.1842105263rem 0; | |
1991 | padding: 1.3157894737rem; | |
1992 | border: 1px solid #cacaca; } | |
1993 | .fieldset legend { | |
1994 | margin: 0; | |
1995 | margin-left: -0.1973684211rem; | |
1996 | padding: 0 0.1973684211rem; } | |
1997 | ||
1998 | select { | |
1999 | height: 2.5657894737rem; | |
2000 | margin: 0 0 1.0526315789rem; | |
2001 | padding: 0.5263157895rem; | |
2002 | appearance: none; | |
2003 | border: 1px solid #cacaca; | |
2004 | border-radius: 0; | |
2005 | background-color: #fefefe; | |
2006 | font-family: inherit; | |
2007 | font-size: 1.0526315789rem; | |
2008 | font-weight: normal; | |
2009 | line-height: 1.5; | |
2010 | color: #23241f; | |
2011 | background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); | |
2012 | background-origin: content-box; | |
2013 | background-position: right -1.0526315789rem center; | |
2014 | background-repeat: no-repeat; | |
2015 | background-size: 9px 6px; | |
2016 | padding-right: 1.5789473684rem; | |
2017 | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } | |
2018 | @media screen and (min-width: 0\0) { | |
2019 | select { | |
2020 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } | |
2021 | select:focus { | |
2022 | outline: none; | |
2023 | border: 1px solid #8a8a8a; | |
2024 | background-color: #fefefe; | |
2025 | box-shadow: 0 0 5px #cacaca; | |
2026 | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } | |
2027 | select:disabled { | |
2028 | background-color: #e6e6e6; | |
2029 | cursor: not-allowed; } | |
2030 | select::-ms-expand { | |
2031 | display: none; } | |
2032 | select[multiple] { | |
2033 | height: auto; | |
2034 | background-image: none; } | |
2035 | ||
2036 | .is-invalid-input:not(:focus) { | |
2037 | border-color: #cc4b37; | |
2038 | background-color: #f9ecea; } | |
2039 | .is-invalid-input:not(:focus)::placeholder { | |
2040 | color: #cc4b37; } | |
2041 | ||
2042 | .is-invalid-label { | |
2043 | color: #cc4b37; } | |
2044 | ||
2045 | .form-error { | |
2046 | display: none; | |
2047 | margin-top: -0.5263157895rem; | |
2048 | margin-bottom: 1.0526315789rem; | |
2049 | font-size: 0.7894736842rem; | |
2050 | font-weight: bold; | |
2051 | color: #cc4b37; } | |
2052 | .form-error.is-visible { | |
2053 | display: block; } | |
2054 | ||
2055 | .hide { | |
2056 | display: none !important; } | |
2057 | ||
2058 | .invisible { | |
2059 | visibility: hidden; } | |
2060 | ||
2061 | @media screen and (max-width: 39.9375em) { | |
2062 | .hide-for-small-only { | |
2063 | display: none !important; } } | |
2064 | ||
2065 | @media screen and (max-width: 0em), screen and (min-width: 40em) { | |
2066 | .show-for-small-only { | |
2067 | display: none !important; } } | |
2068 | ||
2069 | @media print, screen and (min-width: 40em) { | |
2070 | .hide-for-medium { | |
2071 | display: none !important; } } | |
2072 | ||
2073 | @media screen and (max-width: 39.9375em) { | |
2074 | .show-for-medium { | |
2075 | display: none !important; } } | |
2076 | ||
2077 | @media screen and (min-width: 40em) and (max-width: 63.9375em) { | |
2078 | .hide-for-medium-only { | |
2079 | display: none !important; } } | |
2080 | ||
2081 | @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { | |
2082 | .show-for-medium-only { | |
2083 | display: none !important; } } | |
2084 | ||
2085 | @media print, screen and (min-width: 64em) { | |
2086 | .hide-for-large { | |
2087 | display: none !important; } } | |
2088 | ||
2089 | @media screen and (max-width: 63.9375em) { | |
2090 | .show-for-large { | |
2091 | display: none !important; } } | |
2092 | ||
2093 | @media screen and (min-width: 64em) and (max-width: 74.9375em) { | |
2094 | .hide-for-large-only { | |
2095 | display: none !important; } } | |
2096 | ||
2097 | @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { | |
2098 | .show-for-large-only { | |
2099 | display: none !important; } } | |
2100 | ||
2101 | .show-for-sr, | |
2102 | .show-on-focus { | |
2103 | position: absolute !important; | |
2104 | width: 1px; | |
2105 | height: 1px; | |
2106 | padding: 0; | |
2107 | overflow: hidden; | |
2108 | clip: rect(0, 0, 0, 0); | |
2109 | white-space: nowrap; | |
2110 | clip-path: inset(50%); | |
2111 | border: 0; } | |
2112 | ||
2113 | .show-on-focus:active, .show-on-focus:focus { | |
2114 | position: static !important; | |
2115 | width: auto; | |
2116 | height: auto; | |
2117 | overflow: visible; | |
2118 | clip: auto; | |
2119 | white-space: normal; | |
2120 | clip-path: none; } | |
2121 | ||
2122 | .show-for-landscape, | |
2123 | .hide-for-portrait { | |
2124 | display: block !important; } | |
2125 | @media screen and (orientation: landscape) { | |
2126 | .show-for-landscape, | |
2127 | .hide-for-portrait { | |
2128 | display: block !important; } } | |
2129 | @media screen and (orientation: portrait) { | |
2130 | .show-for-landscape, | |
2131 | .hide-for-portrait { | |
2132 | display: none !important; } } | |
2133 | ||
2134 | .hide-for-landscape, | |
2135 | .show-for-portrait { | |
2136 | display: none !important; } | |
2137 | @media screen and (orientation: landscape) { | |
2138 | .hide-for-landscape, | |
2139 | .show-for-portrait { | |
2140 | display: none !important; } } | |
2141 | @media screen and (orientation: portrait) { | |
2142 | .hide-for-landscape, | |
2143 | .show-for-portrait { | |
2144 | display: block !important; } } | |
2145 | ||
2146 | .float-left { | |
2147 | float: left !important; } | |
2148 | ||
2149 | .float-right { | |
2150 | float: right !important; } | |
2151 | ||
2152 | .float-center { | |
2153 | display: block; | |
2154 | margin-right: auto; | |
2155 | margin-left: auto; } | |
2156 | ||
2157 | .clearfix::before, .clearfix::after { | |
2158 | display: table; | |
2159 | content: ' '; | |
2160 | flex-basis: 0; | |
2161 | order: 1; } | |
2162 | ||
2163 | .clearfix::after { | |
2164 | clear: both; } | |
2165 | ||
2166 | .close-button { | |
2167 | position: absolute; | |
2168 | color: #8a8a8a; | |
2169 | cursor: pointer; } | |
2170 | [data-whatinput='mouse'] .close-button { | |
2171 | outline: 0; } | |
2172 | .close-button:hover, .close-button:focus { | |
2173 | color: #23241f; } | |
2174 | .close-button.small { | |
2175 | right: 0.66rem; | |
2176 | top: 0.33em; | |
2177 | font-size: 1.5em; | |
2178 | line-height: 1; } | |
2179 | .close-button, .close-button.medium { | |
2180 | right: 1rem; | |
2181 | top: 0.5rem; | |
2182 | font-size: 2em; | |
2183 | line-height: 1; } | |
2184 | ||
2185 | .label { | |
2186 | display: inline-block; | |
2187 | padding: 0.33333rem 0.5rem; | |
2188 | border-radius: 0; | |
2189 | font-size: 0.8rem; | |
2190 | line-height: 1; | |
2191 | white-space: nowrap; | |
2192 | cursor: default; | |
2193 | background: #1779ba; | |
2194 | color: #fefefe; } | |
2195 | .label.primary { | |
2196 | background: #1779ba; | |
2197 | color: #fefefe; } | |
2198 | .label.secondary { | |
2199 | background: #767676; | |
2200 | color: #fefefe; } | |
2201 | .label.success { | |
2202 | background: #3adb76; | |
2203 | color: #23241f; } | |
2204 | .label.warning { | |
2205 | background: #ffae00; | |
2206 | color: #23241f; } | |
2207 | .label.alert { | |
2208 | background: #cc4b37; | |
2209 | color: #fefefe; } | |
2210 | ||
2211 | table { | |
2212 | border-collapse: collapse; | |
2213 | width: 100%; | |
2214 | margin-bottom: 1rem; | |
2215 | border-radius: 0; } | |
2216 | thead, tbody, tfoot { | |
2217 | border: 1px solid #f1f1f1; | |
2218 | background-color: #fefefe; } | |
2219 | caption { | |
2220 | padding: 0.5263157895rem 0.6578947368rem 0.6578947368rem; | |
2221 | font-weight: bold; } | |
2222 | thead { | |
2223 | background: #f8f8f8; | |
2224 | color: #23241f; } | |
2225 | tfoot { | |
2226 | background: #f1f1f1; | |
2227 | color: #23241f; } | |
2228 | thead tr, tfoot tr { | |
2229 | background: transparent; } | |
2230 | thead th, thead td, tfoot th, tfoot td { | |
2231 | padding: 0.5263157895rem 0.6578947368rem 0.6578947368rem; | |
2232 | font-weight: bold; | |
2233 | text-align: left; } | |
2234 | tbody th, tbody td { | |
2235 | padding: 0.5263157895rem 0.6578947368rem 0.6578947368rem; } | |
2236 | tbody tr:nth-child(even) { | |
2237 | border-bottom: 0; | |
2238 | background-color: #f1f1f1; } | |
2239 | table.unstriped tbody { | |
2240 | background-color: #fefefe; } | |
2241 | table.unstriped tbody tr { | |
2242 | border-bottom: 0; | |
2243 | border-bottom: 1px solid #f1f1f1; | |
2244 | background-color: #fefefe; } | |
2245 | ||
2246 | @media screen and (max-width: 63.9375em) { | |
2247 | table.stack thead { | |
2248 | display: none; } | |
2249 | table.stack tfoot { | |
2250 | display: none; } | |
2251 | table.stack tr, | |
2252 | table.stack th, | |
2253 | table.stack td { | |
2254 | display: block; } | |
2255 | table.stack td { | |
2256 | border-top: 0; } } | |
2257 | ||
2258 | table.scroll { | |
2259 | display: block; | |
2260 | width: 100%; | |
2261 | overflow-x: auto; } | |
2262 | ||
2263 | table.hover thead tr:hover { | |
2264 | background-color: #f3f3f3; } | |
2265 | ||
2266 | table.hover tfoot tr:hover { | |
2267 | background-color: #ececec; } | |
2268 | ||
2269 | table.hover tbody tr:hover { | |
2270 | background-color: #f9f9f9; } | |
2271 | ||
2272 | table.hover:not(.unstriped) tr:nth-of-type(even):hover { | |
2273 | background-color: #ececec; } | |
2274 | ||
2275 | .table-scroll { | |
2276 | overflow-x: auto; } | |
2277 | .table-scroll table { | |
2278 | width: auto; } |