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 text-transform: lowercase; 530} 531 532input:-ms-input-placeholder, 533textarea:-ms-input-placeholder { 534 color: #cacaca; } 535 536input::placeholder, 537textarea::placeholder { 538 color: #cacaca; } 539 540input:disabled, input[readonly], 541textarea:disabled, 542textarea[readonly] { 543 background-color: #e6e6e6; 544 cursor: not-allowed; } 545 546[type='submit'], 547[type='button'] { 548 -webkit-appearance: none; 549 -moz-appearance: none; 550 appearance: none; 551 border-radius: 3px; } 552 553input[type='search'] { 554 box-sizing: border-box; } 555 556[type='file'], 557[type='checkbox'], 558[type='radio'] { 559 margin: 0 0 1rem; } 560 561[type='checkbox'] + label, 562[type='radio'] + label { 563 display: inline-block; 564 vertical-align: baseline; 565 //margin-left: 0.5rem; 566 margin-right: 1rem; 567 margin-bottom: 0; } 568[type='checkbox'] + label[for], 569[type='radio'] + label[for] { 570 cursor: pointer; } 571 572label > [type='checkbox'], 573label > [type='radio'] { 574 margin-right: 0.5rem; } 575 576[type='file'] { 577 width: 100%; } 578 579label { 580 display: block; 581 margin: 0; 582 font-size: 0.875rem; 583 font-weight: normal; 584 line-height: 1.8; 585 color: #0a0a0a; } 586label.middle { 587 margin: 0 0 1rem; 588 padding: 0.5625rem 0; } 589 590.help-text { 591 margin-top: -0.5rem; 592 font-size: 0.8125rem; 593 font-style: italic; 594 color: #0a0a0a; } 595 596.input-group { 597 display: table; 598 width: 100%; 599 margin-bottom: 1rem; } 600.input-group > :first-child { 601 border-radius: 3px 0 0 3px; } 602.input-group > :last-child > * { 603 border-radius: 0 3px 3px 0; } 604 605.input-group-label, .input-group-field, .input-group-button, .input-group-button a, 606.input-group-button input, 607.input-group-button button, 608.input-group-button label { 609 margin: 0; 610 white-space: nowrap; 611 display: table-cell; 612 vertical-align: middle; } 613 614.input-group-label { 615 padding: 0 1rem; 616 border: 1px solid #cacaca; 617 background: #e6e6e6; 618 color: #0a0a0a; 619 text-align: center; 620 white-space: nowrap; 621 width: 1%; 622 height: 100%; } 623.input-group-label:first-child { 624 border-right: 0; } 625.input-group-label:last-child { 626 border-left: 0; } 627 628.input-group-field { 629 border-radius: 0; 630 height: 2.5rem; } 631 632.input-group-button { 633 padding-top: 0; 634 padding-bottom: 0; 635 text-align: center; 636 width: 1%; 637 height: 100%; } 638.input-group-button a, 639.input-group-button input, 640.input-group-button button, 641.input-group-button label { 642 height: 2.5rem; 643 padding-top: 0; 644 padding-bottom: 0; 645 font-size: 1rem; } 646 647.input-group .input-group-button { 648 display: table-cell; } 649 650fieldset { 651 margin: 0; 652 padding: 0; 653 border: 0; } 654 655legend { 656 max-width: 100%; 657 margin-bottom: 0.5rem; } 658 659.fieldset { 660 margin: 1.125rem 0; 661 padding: 1.25rem; 662 border: 1px solid #cacaca; } 663.fieldset legend { 664 margin: 0; 665 margin-left: -0.1875rem; 666 padding: 0 0.1875rem; 667 background: #fefefe; } 668 669select { 670 height: 2.4375rem; 671 margin: 0 0 1rem; 672 padding: 0.5rem; 673 -webkit-appearance: none; 674 -moz-appearance: none; 675 appearance: none; 676 border: 1px solid #cacaca; 677 border-radius: 3px; 678 background-color: #fefefe; 679 font-family: inherit; 680 font-size: 1rem; 681 line-height: normal; 682 color: #0a0a0a; 683 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>"); 684 background-origin: content-box; 685 background-position: right -1rem center; 686 background-repeat: no-repeat; 687 background-size: 9px 6px; 688 padding-right: 1.5rem; 689 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } 690@media screen and (min-width: 0\0) { 691 select { 692 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } 693select:focus { 694 outline: none; 695 border: 1px solid #8a8a8a; 696 background-color: #fefefe; 697 box-shadow: 0 0 5px #cacaca; 698 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } 699select:disabled { 700 background-color: #e6e6e6; 701 cursor: not-allowed; } 702select::-ms-expand { 703 display: none; } 704select[multiple] { 705 height: auto; 706 background-image: none; } 707 708.hide { 709 display: none !important; } 710 711.invisible { 712 visibility: hidden; } 713 714@media screen and (max-width: 39.9375em) { 715 .hide-for-small-only { 716 display: none !important; } } 717 718@media screen and (max-width: 0em), screen and (min-width: 40em) { 719 .show-for-small-only { 720 display: none !important; } } 721 722@media print, screen and (min-width: 40em) { 723 .hide-for-medium { 724 display: none !important; } } 725 726@media screen and (max-width: 39.9375em) { 727 .show-for-medium { 728 display: none !important; } } 729 730@media screen and (min-width: 40em) and (max-width: 63.9375em) { 731 .hide-for-medium-only { 732 display: none !important; } } 733 734@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { 735 .show-for-medium-only { 736 display: none !important; } } 737 738@media print, screen and (min-width: 64em) { 739 .hide-for-large { 740 display: none !important; } } 741 742@media screen and (max-width: 63.9375em) { 743 .show-for-large { 744 display: none !important; } } 745 746@media screen and (min-width: 64em) and (max-width: 74.9375em) { 747 .hide-for-large-only { 748 display: none !important; } } 749 750@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { 751 .show-for-large-only { 752 display: none !important; } } 753 754.show-for-sr, 755.show-on-focus { 756 position: absolute !important; 757 width: 1px; 758 height: 1px; 759 overflow: hidden; 760 clip: rect(0, 0, 0, 0); } 761 762.show-on-focus:active, .show-on-focus:focus { 763 position: static !important; 764 width: auto; 765 height: auto; 766 overflow: visible; 767 clip: auto; } 768 769.show-for-landscape, 770.hide-for-portrait { 771 display: block !important; } 772@media screen and (orientation: landscape) { 773 .show-for-landscape, 774 .hide-for-portrait { 775 display: block !important; } } 776@media screen and (orientation: portrait) { 777 .show-for-landscape, 778 .hide-for-portrait { 779 display: none !important; } } 780 781.hide-for-landscape, 782.show-for-portrait { 783 display: none !important; } 784@media screen and (orientation: landscape) { 785 .hide-for-landscape, 786 .show-for-portrait { 787 display: none !important; } } 788@media screen and (orientation: portrait) { 789 .hide-for-landscape, 790 .show-for-portrait { 791 display: block !important; } } 792 793.row { 794 max-width: 67.500rem; //1080px 795 margin-right: auto; 796 margin-left: auto; } 797.row::before, .row::after { 798 display: inline-block; 799 content: ' '; } 800.row::after { 801 clear: both; } 802.row.collapse > .column, .row.collapse > .columns { 803 padding-right: 0; 804 padding-left: 0; } 805.row .row { 806 margin-right: -0.75rem; 807 margin-left: -0.75rem; } 808@media print, screen and (min-width: 40em) { 809 .row .row { 810 margin-right: -0.75rem; 811 margin-left: -0.75rem; } } 812@media print, screen and (min-width: 64em) { 813 .row .row { 814 margin-right: -0.75rem; 815 margin-left: -0.75rem; } } 816.row .row.collapse { 817 margin-right: 0; 818 margin-left: 0; } 819.row.expanded { 820 max-width: none; } 821.row.expanded .row { 822 margin-right: auto; 823 margin-left: auto; } 824 825.column, .columns { 826 width: 100%; 827 float: left; 828 padding-right: 0.75rem; 829 padding-left: 0.75rem; } 830.column:last-child:not(:first-child), .columns:last-child:not(:first-child) { 831 float: right; } 832.column.end:last-child:last-child, .end.columns:last-child:last-child { 833 float: left; } 834 835.column.row.row, .row.row.columns { 836 float: none; } 837 838.row .column.row.row, .row .row.row.columns { 839 margin-right: 0; 840 margin-left: 0; 841 padding-right: 0; 842 padding-left: 0; } 843 844.small-1 { 845 width: 8.33333%; } 846 847.small-push-1 { 848 position: relative; 849 left: 8.33333%; } 850 851.small-pull-1 { 852 position: relative; 853 left: -8.33333%; } 854 855.small-offset-0 { 856 margin-left: 0%; } 857 858.small-2 { 859 width: 16.66667%; } 860 861.small-push-2 { 862 position: relative; 863 left: 16.66667%; } 864 865.small-pull-2 { 866 position: relative; 867 left: -16.66667%; } 868 869.small-offset-1 { 870 margin-left: 8.33333%; } 871 872.small-3 { 873 width: 25%; } 874 875.small-push-3 { 876 position: relative; 877 left: 25%; } 878 879.small-pull-3 { 880 position: relative; 881 left: -25%; } 882 883.small-offset-2 { 884 margin-left: 16.66667%; } 885 886.small-4 { 887 width: 33.33333%; } 888 889.small-push-4 { 890 position: relative; 891 left: 33.33333%; } 892 893.small-pull-4 { 894 position: relative; 895 left: -33.33333%; } 896 897.small-offset-3 { 898 margin-left: 25%; } 899 900.small-5 { 901 width: 41.66667%; } 902 903.small-push-5 { 904 position: relative; 905 left: 41.66667%; } 906 907.small-pull-5 { 908 position: relative; 909 left: -41.66667%; } 910 911.small-offset-4 { 912 margin-left: 33.33333%; } 913 914.small-6 { 915 width: 50%; } 916 917.small-push-6 { 918 position: relative; 919 left: 50%; } 920 921.small-pull-6 { 922 position: relative; 923 left: -50%; } 924 925.small-offset-5 { 926 margin-left: 41.66667%; } 927 928.small-7 { 929 width: 58.33333%; } 930 931.small-push-7 { 932 position: relative; 933 left: 58.33333%; } 934 935.small-pull-7 { 936 position: relative; 937 left: -58.33333%; } 938 939.small-offset-6 { 940 margin-left: 50%; } 941 942.small-8 { 943 width: 66.66667%; } 944 945.small-push-8 { 946 position: relative; 947 left: 66.66667%; } 948 949.small-pull-8 { 950 position: relative; 951 left: -66.66667%; } 952 953.small-offset-7 { 954 margin-left: 58.33333%; } 955 956.small-9 { 957 width: 75%; } 958 959.small-push-9 { 960 position: relative; 961 left: 75%; } 962 963.small-pull-9 { 964 position: relative; 965 left: -75%; } 966 967.small-offset-8 { 968 margin-left: 66.66667%; } 969 970.small-10 { 971 width: 83.33333%; } 972 973.small-push-10 { 974 position: relative; 975 left: 83.33333%; } 976 977.small-pull-10 { 978 position: relative; 979 left: -83.33333%; } 980 981.small-offset-9 { 982 margin-left: 75%; } 983 984.small-11 { 985 width: 91.66667%; } 986 987.small-push-11 { 988 position: relative; 989 left: 91.66667%; } 990 991.small-pull-11 { 992 position: relative; 993 left: -91.66667%; } 994 995.small-offset-10 { 996 margin-left: 83.33333%; } 997 998.small-12 { 999 width: 100%; } 1000 1001.small-offset-11 { 1002 margin-left: 91.66667%; } 1003 1004.small-up-1 > .column, .small-up-1 > .columns { 1005 float: left; 1006 width: 100%; } 1007.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { 1008 clear: none; } 1009.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { 1010 clear: both; } 1011.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { 1012 float: left; } 1013 1014.small-up-2 > .column, .small-up-2 > .columns { 1015 float: left; 1016 width: 50%; } 1017.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { 1018 clear: none; } 1019.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { 1020 clear: both; } 1021.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { 1022 float: left; } 1023 1024.small-up-3 > .column, .small-up-3 > .columns { 1025 float: left; 1026 width: 33.33333%; } 1027.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { 1028 clear: none; } 1029.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { 1030 clear: both; } 1031.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { 1032 float: left; } 1033 1034.small-up-4 > .column, .small-up-4 > .columns { 1035 float: left; 1036 width: 25%; } 1037.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { 1038 clear: none; } 1039.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { 1040 clear: both; } 1041.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { 1042 float: left; } 1043 1044.small-up-5 > .column, .small-up-5 > .columns { 1045 float: left; 1046 width: 20%; } 1047.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { 1048 clear: none; } 1049.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { 1050 clear: both; } 1051.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { 1052 float: left; } 1053 1054.small-up-6 > .column, .small-up-6 > .columns { 1055 float: left; 1056 width: 16.66667%; } 1057.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { 1058 clear: none; } 1059.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { 1060 clear: both; } 1061.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { 1062 float: left; } 1063 1064.small-up-7 > .column, .small-up-7 > .columns { 1065 float: left; 1066 width: 14.28571%; } 1067.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { 1068 clear: none; } 1069.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { 1070 clear: both; } 1071.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { 1072 float: left; } 1073 1074.small-up-8 > .column, .small-up-8 > .columns { 1075 float: left; 1076 width: 12.5%; } 1077.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { 1078 clear: none; } 1079.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { 1080 clear: both; } 1081.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { 1082 float: left; } 1083 1084.small-collapse > .column, .small-collapse > .columns { 1085 padding-right: 0; 1086 padding-left: 0; } 1087 1088.small-collapse .row { 1089 margin-right: 0; 1090 margin-left: 0; } 1091 1092.expanded.row .small-collapse.row { 1093 margin-right: 0; 1094 margin-left: 0; } 1095 1096.small-uncollapse > .column, .small-uncollapse > .columns { 1097 padding-right: 0.75rem; 1098 padding-left: 0.75rem; } 1099 1100.small-centered { 1101 margin-right: auto; 1102 margin-left: auto; } 1103.small-centered, .small-centered:last-child:not(:first-child) { 1104 float: none; 1105 clear: both; } 1106 1107.small-uncentered, 1108.small-push-0, 1109.small-pull-0 { 1110 position: static; 1111 float: left; 1112 margin-right: 0; 1113 margin-left: 0; } 1114 1115@media print, screen and (min-width: 40em) { 1116 .medium-1 { 1117 width: 8.33333%; } 1118 .medium-push-1 { 1119 position: relative; 1120 left: 8.33333%; } 1121 .medium-pull-1 { 1122 position: relative; 1123 left: -8.33333%; } 1124 .medium-offset-0 { 1125 margin-left: 0%; } 1126 .medium-2 { 1127 width: 16.66667%; } 1128 .medium-push-2 { 1129 position: relative; 1130 left: 16.66667%; } 1131 .medium-pull-2 { 1132 position: relative; 1133 left: -16.66667%; } 1134 .medium-offset-1 { 1135 margin-left: 8.33333%; } 1136 .medium-3 { 1137 width: 25%; } 1138 .medium-push-3 { 1139 position: relative; 1140 left: 25%; } 1141 .medium-pull-3 { 1142 position: relative; 1143 left: -25%; } 1144 .medium-offset-2 { 1145 margin-left: 16.66667%; } 1146 .medium-4 { 1147 width: 33.33333%; } 1148 .medium-push-4 { 1149 position: relative; 1150 left: 33.33333%; } 1151 .medium-pull-4 { 1152 position: relative; 1153 left: -33.33333%; } 1154 .medium-offset-3 { 1155 margin-left: 25%; } 1156 .medium-5 { 1157 width: 41.66667%; } 1158 .medium-push-5 { 1159 position: relative; 1160 left: 41.66667%; } 1161 .medium-pull-5 { 1162 position: relative; 1163 left: -41.66667%; } 1164 .medium-offset-4 { 1165 margin-left: 33.33333%; } 1166 .medium-6 { 1167 width: 50%; } 1168 .medium-push-6 { 1169 position: relative; 1170 left: 50%; } 1171 .medium-pull-6 { 1172 position: relative; 1173 left: -50%; } 1174 .medium-offset-5 { 1175 margin-left: 41.66667%; } 1176 .medium-7 { 1177 width: 58.33333%; } 1178 .medium-push-7 { 1179 position: relative; 1180 left: 58.33333%; } 1181 .medium-pull-7 { 1182 position: relative; 1183 left: -58.33333%; } 1184 .medium-offset-6 { 1185 margin-left: 50%; } 1186 .medium-8 { 1187 width: 66.66667%; } 1188 .medium-push-8 { 1189 position: relative; 1190 left: 66.66667%; } 1191 .medium-pull-8 { 1192 position: relative; 1193 left: -66.66667%; } 1194 .medium-offset-7 { 1195 margin-left: 58.33333%; } 1196 .medium-9 { 1197 width: 75%; } 1198 .medium-push-9 { 1199 position: relative; 1200 left: 75%; } 1201 .medium-pull-9 { 1202 position: relative; 1203 left: -75%; } 1204 .medium-offset-8 { 1205 margin-left: 66.66667%; } 1206 .medium-10 { 1207 width: 83.33333%; } 1208 .medium-push-10 { 1209 position: relative; 1210 left: 83.33333%; } 1211 .medium-pull-10 { 1212 position: relative; 1213 left: -83.33333%; } 1214 .medium-offset-9 { 1215 margin-left: 75%; } 1216 .medium-11 { 1217 width: 91.66667%; } 1218 .medium-push-11 { 1219 position: relative; 1220 left: 91.66667%; } 1221 .medium-pull-11 { 1222 position: relative; 1223 left: -91.66667%; } 1224 .medium-offset-10 { 1225 margin-left: 83.33333%; } 1226 .medium-12 { 1227 width: 100%; } 1228 .medium-offset-11 { 1229 margin-left: 91.66667%; } 1230 .medium-up-1 > .column, .medium-up-1 > .columns { 1231 float: left; 1232 width: 100%; } 1233 .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { 1234 clear: none; } 1235 .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { 1236 clear: both; } 1237 .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { 1238 float: left; } 1239 .medium-up-2 > .column, .medium-up-2 > .columns { 1240 float: left; 1241 width: 50%; } 1242 .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { 1243 clear: none; } 1244 .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { 1245 clear: both; } 1246 .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { 1247 float: left; } 1248 .medium-up-3 > .column, .medium-up-3 > .columns { 1249 float: left; 1250 width: 33.33333%; } 1251 .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { 1252 clear: none; } 1253 .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { 1254 clear: both; } 1255 .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { 1256 float: left; } 1257 .medium-up-4 > .column, .medium-up-4 > .columns { 1258 float: left; 1259 width: 25%; } 1260 .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { 1261 clear: none; } 1262 .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { 1263 clear: both; } 1264 .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { 1265 float: left; } 1266 .medium-up-5 > .column, .medium-up-5 > .columns { 1267 float: left; 1268 width: 20%; } 1269 .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { 1270 clear: none; } 1271 .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { 1272 clear: both; } 1273 .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { 1274 float: left; } 1275 .medium-up-6 > .column, .medium-up-6 > .columns { 1276 float: left; 1277 width: 16.66667%; } 1278 .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { 1279 clear: none; } 1280 .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { 1281 clear: both; } 1282 .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { 1283 float: left; } 1284 .medium-up-7 > .column, .medium-up-7 > .columns { 1285 float: left; 1286 width: 14.28571%; } 1287 .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { 1288 clear: none; } 1289 .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { 1290 clear: both; } 1291 .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { 1292 float: left; } 1293 .medium-up-8 > .column, .medium-up-8 > .columns { 1294 float: left; 1295 width: 12.5%; } 1296 .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { 1297 clear: none; } 1298 .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { 1299 clear: both; } 1300 .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { 1301 float: left; } 1302 .medium-collapse > .column, .medium-collapse > .columns { 1303 padding-right: 0; 1304 padding-left: 0; } 1305 .medium-collapse .row { 1306 margin-right: 0; 1307 margin-left: 0; } 1308 .expanded.row .medium-collapse.row { 1309 margin-right: 0; 1310 margin-left: 0; } 1311 .medium-uncollapse > .column, .medium-uncollapse > .columns { 1312 padding-right: 0.75rem; 1313 padding-left: 0.75rem; } 1314 .medium-centered { 1315 margin-right: auto; 1316 margin-left: auto; } 1317 .medium-centered, .medium-centered:last-child:not(:first-child) { 1318 float: none; 1319 clear: both; } 1320 .medium-uncentered, 1321 .medium-push-0, 1322 .medium-pull-0 { 1323 position: static; 1324 float: left; 1325 margin-right: 0; 1326 margin-left: 0; } } 1327 1328@media print, screen and (min-width: 64em) { 1329 .large-1 { 1330 width: 8.33333%; } 1331 .large-push-1 { 1332 position: relative; 1333 left: 8.33333%; } 1334 .large-pull-1 { 1335 position: relative; 1336 left: -8.33333%; } 1337 .large-offset-0 { 1338 margin-left: 0%; } 1339 .large-2 { 1340 width: 16.66667%; } 1341 .large-push-2 { 1342 position: relative; 1343 left: 16.66667%; } 1344 .large-pull-2 { 1345 position: relative; 1346 left: -16.66667%; } 1347 .large-offset-1 { 1348 margin-left: 8.33333%; } 1349 .large-3 { 1350 width: 25%; } 1351 .large-push-3 { 1352 position: relative; 1353 left: 25%; } 1354 .large-pull-3 { 1355 position: relative; 1356 left: -25%; } 1357 .large-offset-2 { 1358 margin-left: 16.66667%; } 1359 .large-4 { 1360 width: 33.33333%; } 1361 .large-push-4 { 1362 position: relative; 1363 left: 33.33333%; } 1364 .large-pull-4 { 1365 position: relative; 1366 left: -33.33333%; } 1367 .large-offset-3 { 1368 margin-left: 25%; } 1369 .large-5 { 1370 width: 41.66667%; } 1371 .large-push-5 { 1372 position: relative; 1373 left: 41.66667%; } 1374 .large-pull-5 { 1375 position: relative; 1376 left: -41.66667%; } 1377 .large-offset-4 { 1378 margin-left: 33.33333%; } 1379 .large-6 { 1380 width: 50%; } 1381 .large-push-6 { 1382 position: relative; 1383 left: 50%; } 1384 .large-pull-6 { 1385 position: relative; 1386 left: -50%; } 1387 .large-offset-5 { 1388 margin-left: 41.66667%; } 1389 .large-7 { 1390 width: 58.33333%; } 1391 .large-push-7 { 1392 position: relative; 1393 left: 58.33333%; } 1394 .large-pull-7 { 1395 position: relative; 1396 left: -58.33333%; } 1397 .large-offset-6 { 1398 margin-left: 50%; } 1399 .large-8 { 1400 width: 66.66667%; } 1401 .large-push-8 { 1402 position: relative; 1403 left: 66.66667%; } 1404 .large-pull-8 { 1405 position: relative; 1406 left: -66.66667%; } 1407 .large-offset-7 { 1408 margin-left: 58.33333%; } 1409 .large-9 { 1410 width: 75%; } 1411 .large-push-9 { 1412 position: relative; 1413 left: 75%; } 1414 .large-pull-9 { 1415 position: relative; 1416 left: -75%; } 1417 .large-offset-8 { 1418 margin-left: 66.66667%; } 1419 .large-10 { 1420 width: 83.33333%; } 1421 .large-push-10 { 1422 position: relative; 1423 left: 83.33333%; } 1424 .large-pull-10 { 1425 position: relative; 1426 left: -83.33333%; } 1427 .large-offset-9 { 1428 margin-left: 75%; } 1429 .large-11 { 1430 width: 91.66667%; } 1431 .large-push-11 { 1432 position: relative; 1433 left: 91.66667%; } 1434 .large-pull-11 { 1435 position: relative; 1436 left: -91.66667%; } 1437 .large-offset-10 { 1438 margin-left: 83.33333%; } 1439 .large-12 { 1440 width: 100%; } 1441 .large-offset-11 { 1442 margin-left: 91.66667%; } 1443 .large-up-1 > .column, .large-up-1 > .columns { 1444 float: left; 1445 width: 100%; } 1446 .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { 1447 clear: none; } 1448 .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { 1449 clear: both; } 1450 .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { 1451 float: left; } 1452 .large-up-2 > .column, .large-up-2 > .columns { 1453 float: left; 1454 width: 50%; } 1455 .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { 1456 clear: none; } 1457 .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { 1458 clear: both; } 1459 .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { 1460 float: left; } 1461 .large-up-3 > .column, .large-up-3 > .columns { 1462 float: left; 1463 width: 33.33333%; } 1464 .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { 1465 clear: none; } 1466 .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { 1467 clear: both; } 1468 .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { 1469 float: left; } 1470 .large-up-4 > .column, .large-up-4 > .columns { 1471 float: left; 1472 width: 25%; } 1473 .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { 1474 clear: none; } 1475 .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { 1476 clear: both; } 1477 .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { 1478 float: left; } 1479 .large-up-5 > .column, .large-up-5 > .columns { 1480 float: left; 1481 width: 20%; } 1482 .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { 1483 clear: none; } 1484 .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { 1485 clear: both; } 1486 .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { 1487 float: left; } 1488 .large-up-6 > .column, .large-up-6 > .columns { 1489 float: left; 1490 width: 16.66667%; } 1491 .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { 1492 clear: none; } 1493 .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { 1494 clear: both; } 1495 .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { 1496 float: left; } 1497 .large-up-7 > .column, .large-up-7 > .columns { 1498 float: left; 1499 width: 14.28571%; } 1500 .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { 1501 clear: none; } 1502 .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { 1503 clear: both; } 1504 .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { 1505 float: left; } 1506 .large-up-8 > .column, .large-up-8 > .columns { 1507 float: left; 1508 width: 12.5%; } 1509 .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { 1510 clear: none; } 1511 .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { 1512 clear: both; } 1513 .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { 1514 float: left; } 1515 .large-collapse > .column, .large-collapse > .columns { 1516 padding-right: 0; 1517 padding-left: 0; } 1518 .large-collapse .row { 1519 margin-right: 0; 1520 margin-left: 0; } 1521 .expanded.row .large-collapse.row { 1522 margin-right: 0; 1523 margin-left: 0; } 1524 .large-uncollapse > .column, .large-uncollapse > .columns { 1525 padding-right: 0.75rem; 1526 padding-left: 0.75rem; } 1527 .large-centered { 1528 margin-right: auto; 1529 margin-left: auto; } 1530 .large-centered, .large-centered:last-child:not(:first-child) { 1531 float: none; 1532 clear: both; } 1533 .large-uncentered, 1534 .large-push-0, 1535 .large-pull-0 { 1536 position: static; 1537 float: left; 1538 margin-right: 0; 1539 margin-left: 0; } } 1540 1541.column-block { 1542 margin-bottom: 1.5rem; } 1543.column-block > :last-child { 1544 margin-bottom: 0; } 1545