blob: 0247f7f8719954c0fbb5da59adb60f1a0bc72487 [file] [log] [blame]
Michael Daviscb8bb192017-02-09 15:45:13 -06001/**
2 * Foundation for Sites by ZURB
3 * Version 6.3.0
4 * foundation.zurb.com
5 * Licensed under MIT Open Source
6 */
7/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
8/* Document
9 ========================================================================== */
10/**
11 * 1. Change the default font family in all browsers (opinionated).
12 * 2. Correct the line height in all browsers.
13 * 3. Prevent adjustments of font size after orientation changes in
14 * IE on Windows Phone and in iOS.
15 */
16html {
17 font-family: sans-serif;
18 /* 1 */
19 line-height: 1.15;
20 /* 2 */
21 -ms-text-size-adjust: 100%;
22 /* 3 */
23 -webkit-text-size-adjust: 100%;
24 /* 3 */ }
25
26/* Sections
27 ========================================================================== */
28/**
29 * Remove the margin in all browsers (opinionated).
30 */
31body {
32 margin: 0; }
33
34/**
35 * Add the correct display in IE 9-.
36 */
37article,
38aside,
39footer,
40header,
41nav,
42section {
43 display: block; }
44
45/**
46 * Correct the font size and margin on `h1` elements within `section` and
47 * `article` contexts in Chrome, Firefox, and Safari.
48 */
49h1 {
50 font-size: 2em;
51 margin: 0.67em 0; }
52
53/* Grouping content
54 ========================================================================== */
55/**
56 * Add the correct display in IE 9-.
57 */
58figcaption,
59figure {
60 display: block; }
61
62/**
63 * Add the correct margin in IE 8.
64 */
65figure {
66 margin: 1em 40px; }
67
68/**
69 * 1. Add the correct box sizing in Firefox.
70 * 2. Show the overflow in Edge and IE.
71 */
72hr {
73 box-sizing: content-box;
74 /* 1 */
75 height: 0;
76 /* 1 */
77 overflow: visible;
78 /* 2 */ }
79
80/**
81 * Add the correct display in IE.
82 */
83main {
84 display: block; }
85
86/**
87 * 1. Correct the inheritance and scaling of font size in all browsers.
88 * 2. Correct the odd `em` font sizing in all browsers.
89 */
90pre {
91 font-family: monospace, monospace;
92 /* 1 */
93 font-size: 1em;
94 /* 2 */ }
95
96/* Links
97 ========================================================================== */
98/**
99 * 1. Remove the gray background on active links in IE 10.
100 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
101 */
102a {
103 background-color: transparent;
104 /* 1 */
105 -webkit-text-decoration-skip: objects;
106 /* 2 */ }
107
108/**
109 * Remove the outline on focused links when they are also active or hovered
110 * in all browsers (opinionated).
111 */
112a:active,
113a:hover {
114 outline-width: 0; }
115
116/* Text-level semantics
117 ========================================================================== */
118/**
119 * 1. Remove the bottom border in Firefox 39-.
120 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
121 */
122abbr[title] {
123 border-bottom: none;
124 /* 1 */
125 text-decoration: underline;
126 /* 2 */
127 text-decoration: underline dotted;
128 /* 2 */ }
129
130/**
131 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
132 */
133b,
134strong {
135 font-weight: inherit; }
136
137/**
138 * Add the correct font weight in Chrome, Edge, and Safari.
139 */
140b,
141strong {
142 font-weight: bolder; }
143
144/**
145 * 1. Correct the inheritance and scaling of font size in all browsers.
146 * 2. Correct the odd `em` font sizing in all browsers.
147 */
148code,
149kbd,
150samp {
151 font-family: monospace, monospace;
152 /* 1 */
153 font-size: 1em;
154 /* 2 */ }
155
156/**
157 * Add the correct font style in Android 4.3-.
158 */
159dfn {
160 font-style: italic; }
161
162/**
163 * Add the correct background and color in IE 9-.
164 */
165mark {
166 background-color: #ff0;
167 color: #000; }
168
169/**
170 * Add the correct font size in all browsers.
171 */
172small {
173 font-size: 80%; }
174
175/**
176 * Prevent `sub` and `sup` elements from affecting the line height in
177 * all browsers.
178 */
179sub,
180sup {
181 font-size: 75%;
182 line-height: 0;
183 position: relative;
184 vertical-align: baseline; }
185
186sub {
187 bottom: -0.25em; }
188
189sup {
190 top: -0.5em; }
191
192/* Embedded content
193 ========================================================================== */
194/**
195 * Add the correct display in IE 9-.
196 */
197audio,
198video {
199 display: inline-block; }
200
201/**
202 * Add the correct display in iOS 4-7.
203 */
204audio:not([controls]) {
205 display: none;
206 height: 0; }
207
208/**
209 * Remove the border on images inside links in IE 10-.
210 */
211img {
212 border-style: none; }
213
214/**
215 * Hide the overflow in IE.
216 */
217svg:not(:root) {
218 overflow: hidden; }
219
220/* Forms
221 ========================================================================== */
222/**
223 * 1. Change the font styles in all browsers (opinionated).
224 * 2. Remove the margin in Firefox and Safari.
225 */
226button,
227input,
228optgroup,
229select,
230textarea {
231 font-family: sans-serif;
232 /* 1 */
233 font-size: 100%;
234 /* 1 */
235 line-height: 1.15;
236 /* 1 */
237 margin: 0;
238 /* 2 */ }
239
240/**
241 * Show the overflow in IE.
242 */
243button {
244 overflow: visible; }
245
246/**
247 * Remove the inheritance of text transform in Edge, Firefox, and IE.
248 * 1. Remove the inheritance of text transform in Firefox.
249 */
250button,
251select {
252 /* 1 */
253 text-transform: none; }
254
255/**
256 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
257 * controls in Android 4.
258 * 2. Correct the inability to style clickable types in iOS and Safari.
259 */
260button,
261html [type="button"],
262[type="reset"],
263[type="submit"] {
264 -webkit-appearance: button;
265 /* 2 */ }
266
267button,
268[type="button"],
269[type="reset"],
270[type="submit"] {
271 /**
272 * Remove the inner border and padding in Firefox.
273 */
274 /**
275 * Restore the focus styles unset by the previous rule.
276 */ }
277button::-moz-focus-inner,
278[type="button"]::-moz-focus-inner,
279[type="reset"]::-moz-focus-inner,
280[type="submit"]::-moz-focus-inner {
281 border-style: none;
282 padding: 0; }
283button:-moz-focusring,
284[type="button"]:-moz-focusring,
285[type="reset"]:-moz-focusring,
286[type="submit"]:-moz-focusring {
287 outline: 1px dotted ButtonText; }
288
289/**
290 * Show the overflow in Edge.
291 */
292input {
293 overflow: visible; }
294
295/**
296 * 1. Add the correct box sizing in IE 10-.
297 * 2. Remove the padding in IE 10-.
298 */
299[type="checkbox"],
300[type="radio"] {
301 box-sizing: border-box;
302 /* 1 */
303 padding: 0;
304 /* 2 */ }
305
306/**
307 * Correct the cursor style of increment and decrement buttons in Chrome.
308 */
309[type="number"]::-webkit-inner-spin-button,
310[type="number"]::-webkit-outer-spin-button {
311 height: auto; }
312
313/**
314 * 1. Correct the odd appearance in Chrome and Safari.
315 * 2. Correct the outline style in Safari.
316 */
317[type="search"] {
318 -webkit-appearance: textfield;
319 /* 1 */
320 outline-offset: -2px;
321 /* 2 */
322 /**
323 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
324 */ }
325[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
326 -webkit-appearance: none; }
327
328/**
329 * 1. Correct the inability to style clickable types in iOS and Safari.
330 * 2. Change font properties to `inherit` in Safari.
331 */
332::-webkit-file-upload-button {
333 -webkit-appearance: button;
334 /* 1 */
335 font: inherit;
336 /* 2 */ }
337
338/**
339 * Change the border, margin, and padding in all browsers (opinionated).
340 */
341fieldset {
342 border: 1px solid #c0c0c0;
343 margin: 0 2px;
344 padding: 0.35em 0.625em 0.75em; }
345
346/**
347 * 1. Correct the text wrapping in Edge and IE.
348 * 2. Correct the color inheritance from `fieldset` elements in IE.
349 * 3. Remove the padding so developers are not caught out when they zero out
350 * `fieldset` elements in all browsers.
351 */
352legend {
353 box-sizing: border-box;
354 /* 1 */
355 display: table;
356 /* 1 */
357 max-width: 100%;
358 /* 1 */
359 padding: 0;
360 /* 3 */
361 color: inherit;
362 /* 2 */
363 white-space: normal;
364 /* 1 */ }
365
366/**
367 * 1. Add the correct display in IE 9-.
368 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
369 */
370progress {
371 display: inline-block;
372 /* 1 */
373 vertical-align: baseline;
374 /* 2 */ }
375
376/**
377 * Remove the default vertical scrollbar in IE.
378 */
379textarea {
380 overflow: auto; }
381
382/* Interactive
383 ========================================================================== */
384/*
385 * Add the correct display in Edge, IE, and Firefox.
386 */
387details {
388 display: block; }
389
390/*
391 * Add the correct display in all browsers.
392 */
393summary {
394 display: list-item; }
395
396/*
397 * Add the correct display in IE 9-.
398 */
399menu {
400 display: block; }
401
402/* Scripting
403 ========================================================================== */
404/**
405 * Add the correct display in IE 9-.
406 */
407canvas {
408 display: inline-block; }
409
410/**
411 * Add the correct display in IE.
412 */
413template {
414 display: none; }
415
416/* Hidden
417 ========================================================================== */
418/**
419 * Add the correct display in IE 10-.
420 */
421[hidden] {
422 display: none; }
423
424.foundation-mq {
425 font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
426
427html {
428 box-sizing: border-box;
429 font-size: 100%; }
430
431*,
432*::before,
433*::after {
434 box-sizing: inherit; }
435
436body {
437 margin: 0;
438 padding: 0;
439 background: #fefefe;
440 font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
441 font-weight: normal;
442 line-height: 1.5;
443 color: #0a0a0a;
444 -webkit-font-smoothing: antialiased;
445 -moz-osx-font-smoothing: grayscale; }
446
447img {
448 display: inline-block;
449 vertical-align: middle;
450 max-width: 100%;
451 height: auto;
452 -ms-interpolation-mode: bicubic; }
453
454textarea {
455 height: auto;
456 min-height: 50px;
457 border-radius: 3px; }
458
459select {
460 width: 100%;
461 border-radius: 3px; }
462
463.map_canvas img,
464.map_canvas embed,
465.map_canvas object,
466.mqa-display img,
467.mqa-display embed,
468.mqa-display object {
469 max-width: none !important; }
470
471button {
472 padding: 0;
473 -webkit-appearance: none;
474 -moz-appearance: none;
475 appearance: none;
476 border: 0;
477 border-radius: 3px;
478 background: transparent;
479 line-height: 1; }
480[data-whatinput='mouse'] button {
481 outline: 0; }
482
483.is-visible {
484 display: block !important; }
485
486.is-hidden {
487 display: none !important; }
488
489[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'],
490textarea {
491 display: block;
492 box-sizing: border-box;
493 width: 100%;
494 height: 2.4375rem;
495 margin: 0 0 1rem;
496 padding: 0.5rem;
497 border: 1px solid #cacaca;
498 border-radius: 3px;
499 background-color: #fefefe;
500 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
501 font-family: inherit;
502 font-size: 1rem;
503 font-weight: normal;
504 color: #0a0a0a;
505 transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
506 -webkit-appearance: none;
507 -moz-appearance: none;
508 appearance: none; }
509[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,
510textarea:focus {
511 outline: none;
512 border: 1px solid #8a8a8a;
513 background-color: #fefefe;
514 box-shadow: 0 0 5px #cacaca;
515 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
516
517textarea {
518 max-width: 100%; }
519textarea[rows] {
520 height: auto; }
521
522input::-webkit-input-placeholder,
523textarea::-webkit-input-placeholder {
524 color: #cacaca; }
525
526input::-moz-placeholder,
527textarea::-moz-placeholder {
528 color: #cacaca; }
529
530input:-ms-input-placeholder,
531textarea:-ms-input-placeholder {
532 color: #cacaca; }
533
534input::placeholder,
535textarea::placeholder {
536 color: #cacaca; }
537
538input:disabled, input[readonly],
539textarea:disabled,
540textarea[readonly] {
541 background-color: #e6e6e6;
542 cursor: not-allowed; }
543
544[type='submit'],
545[type='button'] {
546 -webkit-appearance: none;
547 -moz-appearance: none;
548 appearance: none;
549 border-radius: 3px; }
550
551input[type='search'] {
552 box-sizing: border-box; }
553
554[type='file'],
555[type='checkbox'],
556[type='radio'] {
557 margin: 0 0 1rem; }
558
559[type='checkbox'] + label,
560[type='radio'] + label {
561 display: inline-block;
562 vertical-align: baseline;
563 margin-left: 0.5rem;
564 margin-right: 1rem;
565 margin-bottom: 0; }
566[type='checkbox'] + label[for],
567[type='radio'] + label[for] {
568 cursor: pointer; }
569
570label > [type='checkbox'],
571label > [type='radio'] {
572 margin-right: 0.5rem; }
573
574[type='file'] {
575 width: 100%; }
576
577label {
578 display: block;
579 margin: 0;
580 font-size: 0.875rem;
581 font-weight: normal;
582 line-height: 1.8;
583 color: #0a0a0a; }
584label.middle {
585 margin: 0 0 1rem;
586 padding: 0.5625rem 0; }
587
588.help-text {
589 margin-top: -0.5rem;
590 font-size: 0.8125rem;
591 font-style: italic;
592 color: #0a0a0a; }
593
594.input-group {
595 display: table;
596 width: 100%;
597 margin-bottom: 1rem; }
598.input-group > :first-child {
599 border-radius: 3px 0 0 3px; }
600.input-group > :last-child > * {
601 border-radius: 0 3px 3px 0; }
602
603.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
604.input-group-button input,
605.input-group-button button,
606.input-group-button label {
607 margin: 0;
608 white-space: nowrap;
609 display: table-cell;
610 vertical-align: middle; }
611
612.input-group-label {
613 padding: 0 1rem;
614 border: 1px solid #cacaca;
615 background: #e6e6e6;
616 color: #0a0a0a;
617 text-align: center;
618 white-space: nowrap;
619 width: 1%;
620 height: 100%; }
621.input-group-label:first-child {
622 border-right: 0; }
623.input-group-label:last-child {
624 border-left: 0; }
625
626.input-group-field {
627 border-radius: 0;
628 height: 2.5rem; }
629
630.input-group-button {
631 padding-top: 0;
632 padding-bottom: 0;
633 text-align: center;
634 width: 1%;
635 height: 100%; }
636.input-group-button a,
637.input-group-button input,
638.input-group-button button,
639.input-group-button label {
640 height: 2.5rem;
641 padding-top: 0;
642 padding-bottom: 0;
643 font-size: 1rem; }
644
645.input-group .input-group-button {
646 display: table-cell; }
647
648fieldset {
649 margin: 0;
650 padding: 0;
651 border: 0; }
652
653legend {
654 max-width: 100%;
655 margin-bottom: 0.5rem; }
656
657.fieldset {
658 margin: 1.125rem 0;
659 padding: 1.25rem;
660 border: 1px solid #cacaca; }
661.fieldset legend {
662 margin: 0;
663 margin-left: -0.1875rem;
664 padding: 0 0.1875rem;
665 background: #fefefe; }
666
667select {
668 height: 2.4375rem;
669 margin: 0 0 1rem;
670 padding: 0.5rem;
671 -webkit-appearance: none;
672 -moz-appearance: none;
673 appearance: none;
674 border: 1px solid #cacaca;
675 border-radius: 3px;
676 background-color: #fefefe;
677 font-family: inherit;
678 font-size: 1rem;
679 line-height: normal;
680 color: #0a0a0a;
681 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>");
682 background-origin: content-box;
683 background-position: right -1rem center;
684 background-repeat: no-repeat;
685 background-size: 9px 6px;
686 padding-right: 1.5rem;
687 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
688@media screen and (min-width: 0\0) {
689 select {
690 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
691select:focus {
692 outline: none;
693 border: 1px solid #8a8a8a;
694 background-color: #fefefe;
695 box-shadow: 0 0 5px #cacaca;
696 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
697select:disabled {
698 background-color: #e6e6e6;
699 cursor: not-allowed; }
700select::-ms-expand {
701 display: none; }
702select[multiple] {
703 height: auto;
704 background-image: none; }
705
706.is-invalid-input:not(:focus) {
707 border-color: #c60f13;
708 background-color: #f8e6e7; }
709.is-invalid-input:not(:focus)::-webkit-input-placeholder {
710 color: #c60f13; }
711.is-invalid-input:not(:focus)::-moz-placeholder {
712 color: #c60f13; }
713.is-invalid-input:not(:focus):-ms-input-placeholder {
714 color: #c60f13; }
715.is-invalid-input:not(:focus)::placeholder {
716 color: #c60f13; }
717
718.is-invalid-label {
719 color: #c60f13; }
720
721.form-error {
722 display: none;
723 margin-top: -0.5rem;
724 margin-bottom: 1rem;
725 font-size: 0.75rem;
726 font-weight: bold;
727 color: #c60f13; }
728.form-error.is-visible {
729 display: block; }
730
731.hide {
732 display: none !important; }
733
734.invisible {
735 visibility: hidden; }
736
737@media screen and (max-width: 39.9375em) {
738 .hide-for-small-only {
739 display: none !important; } }
740
741@media screen and (max-width: 0em), screen and (min-width: 40em) {
742 .show-for-small-only {
743 display: none !important; } }
744
745@media print, screen and (min-width: 40em) {
746 .hide-for-medium {
747 display: none !important; } }
748
749@media screen and (max-width: 39.9375em) {
750 .show-for-medium {
751 display: none !important; } }
752
753@media screen and (min-width: 40em) and (max-width: 63.9375em) {
754 .hide-for-medium-only {
755 display: none !important; } }
756
757@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
758 .show-for-medium-only {
759 display: none !important; } }
760
761@media print, screen and (min-width: 64em) {
762 .hide-for-large {
763 display: none !important; } }
764
765@media screen and (max-width: 63.9375em) {
766 .show-for-large {
767 display: none !important; } }
768
769@media screen and (min-width: 64em) and (max-width: 74.9375em) {
770 .hide-for-large-only {
771 display: none !important; } }
772
773@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
774 .show-for-large-only {
775 display: none !important; } }
776
777.show-for-sr,
778.show-on-focus {
779 position: absolute !important;
780 width: 1px;
781 height: 1px;
782 overflow: hidden;
783 clip: rect(0, 0, 0, 0); }
784
785.show-on-focus:active, .show-on-focus:focus {
786 position: static !important;
787 width: auto;
788 height: auto;
789 overflow: visible;
790 clip: auto; }
791
792.show-for-landscape,
793.hide-for-portrait {
794 display: block !important; }
795@media screen and (orientation: landscape) {
796 .show-for-landscape,
797 .hide-for-portrait {
798 display: block !important; } }
799@media screen and (orientation: portrait) {
800 .show-for-landscape,
801 .hide-for-portrait {
802 display: none !important; } }
803
804.hide-for-landscape,
805.show-for-portrait {
806 display: none !important; }
807@media screen and (orientation: landscape) {
808 .hide-for-landscape,
809 .show-for-portrait {
810 display: none !important; } }
811@media screen and (orientation: portrait) {
812 .hide-for-landscape,
813 .show-for-portrait {
814 display: block !important; } }
815
816.row {
817 max-width: 100rem;
818 margin-right: auto;
819 margin-left: auto; }
820.row::before, .row::after {
821 display: table;
822 content: ' '; }
823.row::after {
824 clear: both; }
825.row.collapse > .column, .row.collapse > .columns {
826 padding-right: 0;
827 padding-left: 0; }
828.row .row {
829 margin-right: -0.75rem;
830 margin-left: -0.75rem; }
831@media print, screen and (min-width: 40em) {
832 .row .row {
833 margin-right: -0.75rem;
834 margin-left: -0.75rem; } }
835@media print, screen and (min-width: 64em) {
836 .row .row {
837 margin-right: -0.75rem;
838 margin-left: -0.75rem; } }
839.row .row.collapse {
840 margin-right: 0;
841 margin-left: 0; }
842.row.expanded {
843 max-width: none; }
844.row.expanded .row {
845 margin-right: auto;
846 margin-left: auto; }
847
848.column, .columns {
849 width: 100%;
850 float: left;
851 padding-right: 0.75rem;
852 padding-left: 0.75rem; }
853.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
854 float: right; }
855.column.end:last-child:last-child, .end.columns:last-child:last-child {
856 float: left; }
857
858.column.row.row, .row.row.columns {
859 float: none; }
860
861.row .column.row.row, .row .row.row.columns {
862 margin-right: 0;
863 margin-left: 0;
864 padding-right: 0;
865 padding-left: 0; }
866
867.small-1 {
868 width: 8.33333%; }
869
870.small-push-1 {
871 position: relative;
872 left: 8.33333%; }
873
874.small-pull-1 {
875 position: relative;
876 left: -8.33333%; }
877
878.small-offset-0 {
879 margin-left: 0%; }
880
881.small-2 {
882 width: 16.66667%; }
883
884.small-push-2 {
885 position: relative;
886 left: 16.66667%; }
887
888.small-pull-2 {
889 position: relative;
890 left: -16.66667%; }
891
892.small-offset-1 {
893 margin-left: 8.33333%; }
894
895.small-3 {
896 width: 25%; }
897
898.small-push-3 {
899 position: relative;
900 left: 25%; }
901
902.small-pull-3 {
903 position: relative;
904 left: -25%; }
905
906.small-offset-2 {
907 margin-left: 16.66667%; }
908
909.small-4 {
910 width: 33.33333%; }
911
912.small-push-4 {
913 position: relative;
914 left: 33.33333%; }
915
916.small-pull-4 {
917 position: relative;
918 left: -33.33333%; }
919
920.small-offset-3 {
921 margin-left: 25%; }
922
923.small-5 {
924 width: 41.66667%; }
925
926.small-push-5 {
927 position: relative;
928 left: 41.66667%; }
929
930.small-pull-5 {
931 position: relative;
932 left: -41.66667%; }
933
934.small-offset-4 {
935 margin-left: 33.33333%; }
936
937.small-6 {
938 width: 50%; }
939
940.small-push-6 {
941 position: relative;
942 left: 50%; }
943
944.small-pull-6 {
945 position: relative;
946 left: -50%; }
947
948.small-offset-5 {
949 margin-left: 41.66667%; }
950
951.small-7 {
952 width: 58.33333%; }
953
954.small-push-7 {
955 position: relative;
956 left: 58.33333%; }
957
958.small-pull-7 {
959 position: relative;
960 left: -58.33333%; }
961
962.small-offset-6 {
963 margin-left: 50%; }
964
965.small-8 {
966 width: 66.66667%; }
967
968.small-push-8 {
969 position: relative;
970 left: 66.66667%; }
971
972.small-pull-8 {
973 position: relative;
974 left: -66.66667%; }
975
976.small-offset-7 {
977 margin-left: 58.33333%; }
978
979.small-9 {
980 width: 75%; }
981
982.small-push-9 {
983 position: relative;
984 left: 75%; }
985
986.small-pull-9 {
987 position: relative;
988 left: -75%; }
989
990.small-offset-8 {
991 margin-left: 66.66667%; }
992
993.small-10 {
994 width: 83.33333%; }
995
996.small-push-10 {
997 position: relative;
998 left: 83.33333%; }
999
1000.small-pull-10 {
1001 position: relative;
1002 left: -83.33333%; }
1003
1004.small-offset-9 {
1005 margin-left: 75%; }
1006
1007.small-11 {
1008 width: 91.66667%; }
1009
1010.small-push-11 {
1011 position: relative;
1012 left: 91.66667%; }
1013
1014.small-pull-11 {
1015 position: relative;
1016 left: -91.66667%; }
1017
1018.small-offset-10 {
1019 margin-left: 83.33333%; }
1020
1021.small-12 {
1022 width: 100%; }
1023
1024.small-offset-11 {
1025 margin-left: 91.66667%; }
1026
1027.small-up-1 > .column, .small-up-1 > .columns {
1028 float: left;
1029 width: 100%; }
1030.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
1031 clear: none; }
1032.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
1033 clear: both; }
1034.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
1035 float: left; }
1036
1037.small-up-2 > .column, .small-up-2 > .columns {
1038 float: left;
1039 width: 50%; }
1040.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
1041 clear: none; }
1042.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
1043 clear: both; }
1044.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
1045 float: left; }
1046
1047.small-up-3 > .column, .small-up-3 > .columns {
1048 float: left;
1049 width: 33.33333%; }
1050.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
1051 clear: none; }
1052.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
1053 clear: both; }
1054.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
1055 float: left; }
1056
1057.small-up-4 > .column, .small-up-4 > .columns {
1058 float: left;
1059 width: 25%; }
1060.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
1061 clear: none; }
1062.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
1063 clear: both; }
1064.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
1065 float: left; }
1066
1067.small-up-5 > .column, .small-up-5 > .columns {
1068 float: left;
1069 width: 20%; }
1070.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
1071 clear: none; }
1072.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
1073 clear: both; }
1074.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
1075 float: left; }
1076
1077.small-up-6 > .column, .small-up-6 > .columns {
1078 float: left;
1079 width: 16.66667%; }
1080.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
1081 clear: none; }
1082.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
1083 clear: both; }
1084.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
1085 float: left; }
1086
1087.small-up-7 > .column, .small-up-7 > .columns {
1088 float: left;
1089 width: 14.28571%; }
1090.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
1091 clear: none; }
1092.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
1093 clear: both; }
1094.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
1095 float: left; }
1096
1097.small-up-8 > .column, .small-up-8 > .columns {
1098 float: left;
1099 width: 12.5%; }
1100.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
1101 clear: none; }
1102.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
1103 clear: both; }
1104.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
1105 float: left; }
1106
1107.small-collapse > .column, .small-collapse > .columns {
1108 padding-right: 0;
1109 padding-left: 0; }
1110
1111.small-collapse .row {
1112 margin-right: 0;
1113 margin-left: 0; }
1114
1115.expanded.row .small-collapse.row {
1116 margin-right: 0;
1117 margin-left: 0; }
1118
1119.small-uncollapse > .column, .small-uncollapse > .columns {
1120 padding-right: 0.75rem;
1121 padding-left: 0.75rem; }
1122
1123.small-centered {
1124 margin-right: auto;
1125 margin-left: auto; }
1126.small-centered, .small-centered:last-child:not(:first-child) {
1127 float: none;
1128 clear: both; }
1129
1130.small-uncentered,
1131.small-push-0,
1132.small-pull-0 {
1133 position: static;
1134 float: left;
1135 margin-right: 0;
1136 margin-left: 0; }
1137
1138@media print, screen and (min-width: 40em) {
1139 .medium-1 {
1140 width: 8.33333%; }
1141 .medium-push-1 {
1142 position: relative;
1143 left: 8.33333%; }
1144 .medium-pull-1 {
1145 position: relative;
1146 left: -8.33333%; }
1147 .medium-offset-0 {
1148 margin-left: 0%; }
1149 .medium-2 {
1150 width: 16.66667%; }
1151 .medium-push-2 {
1152 position: relative;
1153 left: 16.66667%; }
1154 .medium-pull-2 {
1155 position: relative;
1156 left: -16.66667%; }
1157 .medium-offset-1 {
1158 margin-left: 8.33333%; }
1159 .medium-3 {
1160 width: 25%; }
1161 .medium-push-3 {
1162 position: relative;
1163 left: 25%; }
1164 .medium-pull-3 {
1165 position: relative;
1166 left: -25%; }
1167 .medium-offset-2 {
1168 margin-left: 16.66667%; }
1169 .medium-4 {
1170 width: 33.33333%; }
1171 .medium-push-4 {
1172 position: relative;
1173 left: 33.33333%; }
1174 .medium-pull-4 {
1175 position: relative;
1176 left: -33.33333%; }
1177 .medium-offset-3 {
1178 margin-left: 25%; }
1179 .medium-5 {
1180 width: 41.66667%; }
1181 .medium-push-5 {
1182 position: relative;
1183 left: 41.66667%; }
1184 .medium-pull-5 {
1185 position: relative;
1186 left: -41.66667%; }
1187 .medium-offset-4 {
1188 margin-left: 33.33333%; }
1189 .medium-6 {
1190 width: 50%; }
1191 .medium-push-6 {
1192 position: relative;
1193 left: 50%; }
1194 .medium-pull-6 {
1195 position: relative;
1196 left: -50%; }
1197 .medium-offset-5 {
1198 margin-left: 41.66667%; }
1199 .medium-7 {
1200 width: 58.33333%; }
1201 .medium-push-7 {
1202 position: relative;
1203 left: 58.33333%; }
1204 .medium-pull-7 {
1205 position: relative;
1206 left: -58.33333%; }
1207 .medium-offset-6 {
1208 margin-left: 50%; }
1209 .medium-8 {
1210 width: 66.66667%; }
1211 .medium-push-8 {
1212 position: relative;
1213 left: 66.66667%; }
1214 .medium-pull-8 {
1215 position: relative;
1216 left: -66.66667%; }
1217 .medium-offset-7 {
1218 margin-left: 58.33333%; }
1219 .medium-9 {
1220 width: 75%; }
1221 .medium-push-9 {
1222 position: relative;
1223 left: 75%; }
1224 .medium-pull-9 {
1225 position: relative;
1226 left: -75%; }
1227 .medium-offset-8 {
1228 margin-left: 66.66667%; }
1229 .medium-10 {
1230 width: 83.33333%; }
1231 .medium-push-10 {
1232 position: relative;
1233 left: 83.33333%; }
1234 .medium-pull-10 {
1235 position: relative;
1236 left: -83.33333%; }
1237 .medium-offset-9 {
1238 margin-left: 75%; }
1239 .medium-11 {
1240 width: 91.66667%; }
1241 .medium-push-11 {
1242 position: relative;
1243 left: 91.66667%; }
1244 .medium-pull-11 {
1245 position: relative;
1246 left: -91.66667%; }
1247 .medium-offset-10 {
1248 margin-left: 83.33333%; }
1249 .medium-12 {
1250 width: 100%; }
1251 .medium-offset-11 {
1252 margin-left: 91.66667%; }
1253 .medium-up-1 > .column, .medium-up-1 > .columns {
1254 float: left;
1255 width: 100%; }
1256 .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
1257 clear: none; }
1258 .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
1259 clear: both; }
1260 .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
1261 float: left; }
1262 .medium-up-2 > .column, .medium-up-2 > .columns {
1263 float: left;
1264 width: 50%; }
1265 .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
1266 clear: none; }
1267 .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
1268 clear: both; }
1269 .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
1270 float: left; }
1271 .medium-up-3 > .column, .medium-up-3 > .columns {
1272 float: left;
1273 width: 33.33333%; }
1274 .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
1275 clear: none; }
1276 .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
1277 clear: both; }
1278 .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
1279 float: left; }
1280 .medium-up-4 > .column, .medium-up-4 > .columns {
1281 float: left;
1282 width: 25%; }
1283 .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
1284 clear: none; }
1285 .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
1286 clear: both; }
1287 .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
1288 float: left; }
1289 .medium-up-5 > .column, .medium-up-5 > .columns {
1290 float: left;
1291 width: 20%; }
1292 .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
1293 clear: none; }
1294 .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
1295 clear: both; }
1296 .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
1297 float: left; }
1298 .medium-up-6 > .column, .medium-up-6 > .columns {
1299 float: left;
1300 width: 16.66667%; }
1301 .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
1302 clear: none; }
1303 .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
1304 clear: both; }
1305 .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
1306 float: left; }
1307 .medium-up-7 > .column, .medium-up-7 > .columns {
1308 float: left;
1309 width: 14.28571%; }
1310 .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
1311 clear: none; }
1312 .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
1313 clear: both; }
1314 .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
1315 float: left; }
1316 .medium-up-8 > .column, .medium-up-8 > .columns {
1317 float: left;
1318 width: 12.5%; }
1319 .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
1320 clear: none; }
1321 .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
1322 clear: both; }
1323 .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
1324 float: left; }
1325 .medium-collapse > .column, .medium-collapse > .columns {
1326 padding-right: 0;
1327 padding-left: 0; }
1328 .medium-collapse .row {
1329 margin-right: 0;
1330 margin-left: 0; }
1331 .expanded.row .medium-collapse.row {
1332 margin-right: 0;
1333 margin-left: 0; }
1334 .medium-uncollapse > .column, .medium-uncollapse > .columns {
1335 padding-right: 0.75rem;
1336 padding-left: 0.75rem; }
1337 .medium-centered {
1338 margin-right: auto;
1339 margin-left: auto; }
1340 .medium-centered, .medium-centered:last-child:not(:first-child) {
1341 float: none;
1342 clear: both; }
1343 .medium-uncentered,
1344 .medium-push-0,
1345 .medium-pull-0 {
1346 position: static;
1347 float: left;
1348 margin-right: 0;
1349 margin-left: 0; } }
1350
1351@media print, screen and (min-width: 64em) {
1352 .large-1 {
1353 width: 8.33333%; }
1354 .large-push-1 {
1355 position: relative;
1356 left: 8.33333%; }
1357 .large-pull-1 {
1358 position: relative;
1359 left: -8.33333%; }
1360 .large-offset-0 {
1361 margin-left: 0%; }
1362 .large-2 {
1363 width: 16.66667%; }
1364 .large-push-2 {
1365 position: relative;
1366 left: 16.66667%; }
1367 .large-pull-2 {
1368 position: relative;
1369 left: -16.66667%; }
1370 .large-offset-1 {
1371 margin-left: 8.33333%; }
1372 .large-3 {
1373 width: 25%; }
1374 .large-push-3 {
1375 position: relative;
1376 left: 25%; }
1377 .large-pull-3 {
1378 position: relative;
1379 left: -25%; }
1380 .large-offset-2 {
1381 margin-left: 16.66667%; }
1382 .large-4 {
1383 width: 33.33333%; }
1384 .large-push-4 {
1385 position: relative;
1386 left: 33.33333%; }
1387 .large-pull-4 {
1388 position: relative;
1389 left: -33.33333%; }
1390 .large-offset-3 {
1391 margin-left: 25%; }
1392 .large-5 {
1393 width: 41.66667%; }
1394 .large-push-5 {
1395 position: relative;
1396 left: 41.66667%; }
1397 .large-pull-5 {
1398 position: relative;
1399 left: -41.66667%; }
1400 .large-offset-4 {
1401 margin-left: 33.33333%; }
1402 .large-6 {
1403 width: 50%; }
1404 .large-push-6 {
1405 position: relative;
1406 left: 50%; }
1407 .large-pull-6 {
1408 position: relative;
1409 left: -50%; }
1410 .large-offset-5 {
1411 margin-left: 41.66667%; }
1412 .large-7 {
1413 width: 58.33333%; }
1414 .large-push-7 {
1415 position: relative;
1416 left: 58.33333%; }
1417 .large-pull-7 {
1418 position: relative;
1419 left: -58.33333%; }
1420 .large-offset-6 {
1421 margin-left: 50%; }
1422 .large-8 {
1423 width: 66.66667%; }
1424 .large-push-8 {
1425 position: relative;
1426 left: 66.66667%; }
1427 .large-pull-8 {
1428 position: relative;
1429 left: -66.66667%; }
1430 .large-offset-7 {
1431 margin-left: 58.33333%; }
1432 .large-9 {
1433 width: 75%; }
1434 .large-push-9 {
1435 position: relative;
1436 left: 75%; }
1437 .large-pull-9 {
1438 position: relative;
1439 left: -75%; }
1440 .large-offset-8 {
1441 margin-left: 66.66667%; }
1442 .large-10 {
1443 width: 83.33333%; }
1444 .large-push-10 {
1445 position: relative;
1446 left: 83.33333%; }
1447 .large-pull-10 {
1448 position: relative;
1449 left: -83.33333%; }
1450 .large-offset-9 {
1451 margin-left: 75%; }
1452 .large-11 {
1453 width: 91.66667%; }
1454 .large-push-11 {
1455 position: relative;
1456 left: 91.66667%; }
1457 .large-pull-11 {
1458 position: relative;
1459 left: -91.66667%; }
1460 .large-offset-10 {
1461 margin-left: 83.33333%; }
1462 .large-12 {
1463 width: 100%; }
1464 .large-offset-11 {
1465 margin-left: 91.66667%; }
1466 .large-up-1 > .column, .large-up-1 > .columns {
1467 float: left;
1468 width: 100%; }
1469 .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
1470 clear: none; }
1471 .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
1472 clear: both; }
1473 .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
1474 float: left; }
1475 .large-up-2 > .column, .large-up-2 > .columns {
1476 float: left;
1477 width: 50%; }
1478 .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
1479 clear: none; }
1480 .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
1481 clear: both; }
1482 .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
1483 float: left; }
1484 .large-up-3 > .column, .large-up-3 > .columns {
1485 float: left;
1486 width: 33.33333%; }
1487 .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
1488 clear: none; }
1489 .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
1490 clear: both; }
1491 .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
1492 float: left; }
1493 .large-up-4 > .column, .large-up-4 > .columns {
1494 float: left;
1495 width: 25%; }
1496 .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
1497 clear: none; }
1498 .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
1499 clear: both; }
1500 .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
1501 float: left; }
1502 .large-up-5 > .column, .large-up-5 > .columns {
1503 float: left;
1504 width: 20%; }
1505 .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
1506 clear: none; }
1507 .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
1508 clear: both; }
1509 .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
1510 float: left; }
1511 .large-up-6 > .column, .large-up-6 > .columns {
1512 float: left;
1513 width: 16.66667%; }
1514 .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
1515 clear: none; }
1516 .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
1517 clear: both; }
1518 .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
1519 float: left; }
1520 .large-up-7 > .column, .large-up-7 > .columns {
1521 float: left;
1522 width: 14.28571%; }
1523 .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
1524 clear: none; }
1525 .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
1526 clear: both; }
1527 .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
1528 float: left; }
1529 .large-up-8 > .column, .large-up-8 > .columns {
1530 float: left;
1531 width: 12.5%; }
1532 .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
1533 clear: none; }
1534 .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
1535 clear: both; }
1536 .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
1537 float: left; }
1538 .large-collapse > .column, .large-collapse > .columns {
1539 padding-right: 0;
1540 padding-left: 0; }
1541 .large-collapse .row {
1542 margin-right: 0;
1543 margin-left: 0; }
1544 .expanded.row .large-collapse.row {
1545 margin-right: 0;
1546 margin-left: 0; }
1547 .large-uncollapse > .column, .large-uncollapse > .columns {
1548 padding-right: 0.75rem;
1549 padding-left: 0.75rem; }
1550 .large-centered {
1551 margin-right: auto;
1552 margin-left: auto; }
1553 .large-centered, .large-centered:last-child:not(:first-child) {
1554 float: none;
1555 clear: both; }
1556 .large-uncentered,
1557 .large-push-0,
1558 .large-pull-0 {
1559 position: static;
1560 float: left;
1561 margin-right: 0;
1562 margin-left: 0; } }
1563
1564.column-block {
1565 margin-bottom: 1.5rem; }
1566.column-block > :last-child {
1567 margin-bottom: 0; }