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