1/** 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: 67.500rem; //960px 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; } 1568