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.is-invalid-input:not(:focus) { 709 border-color: #c60f13; 710 background-color: #f8e6e7; } 711.is-invalid-input:not(:focus)::-webkit-input-placeholder { 712 color: #c60f13; } 713.is-invalid-input:not(:focus)::-moz-placeholder { 714 color: #c60f13; } 715.is-invalid-input:not(:focus):-ms-input-placeholder { 716 color: #c60f13; } 717.is-invalid-input:not(:focus)::placeholder { 718 color: #c60f13; } 719 720.is-invalid-label { 721 color: #c60f13; } 722 723.form-error { 724 display: none; 725 margin-top: -0.5rem; 726 margin-bottom: 1rem; 727 font-size: 0.75rem; 728 font-weight: bold; 729 color: #c60f13; } 730.form-error.is-visible { 731 display: block; } 732 733.hide { 734 display: none !important; } 735 736.invisible { 737 visibility: hidden; } 738 739@media screen and (max-width: 39.9375em) { 740 .hide-for-small-only { 741 display: none !important; } } 742 743@media screen and (max-width: 0em), screen and (min-width: 40em) { 744 .show-for-small-only { 745 display: none !important; } } 746 747@media print, screen and (min-width: 40em) { 748 .hide-for-medium { 749 display: none !important; } } 750 751@media screen and (max-width: 39.9375em) { 752 .show-for-medium { 753 display: none !important; } } 754 755@media screen and (min-width: 40em) and (max-width: 63.9375em) { 756 .hide-for-medium-only { 757 display: none !important; } } 758 759@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { 760 .show-for-medium-only { 761 display: none !important; } } 762 763@media print, screen and (min-width: 64em) { 764 .hide-for-large { 765 display: none !important; } } 766 767@media screen and (max-width: 63.9375em) { 768 .show-for-large { 769 display: none !important; } } 770 771@media screen and (min-width: 64em) and (max-width: 74.9375em) { 772 .hide-for-large-only { 773 display: none !important; } } 774 775@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { 776 .show-for-large-only { 777 display: none !important; } } 778 779.show-for-sr, 780.show-on-focus { 781 position: absolute !important; 782 width: 1px; 783 height: 1px; 784 overflow: hidden; 785 clip: rect(0, 0, 0, 0); } 786 787.show-on-focus:active, .show-on-focus:focus { 788 position: static !important; 789 width: auto; 790 height: auto; 791 overflow: visible; 792 clip: auto; } 793 794.show-for-landscape, 795.hide-for-portrait { 796 display: block !important; } 797@media screen and (orientation: landscape) { 798 .show-for-landscape, 799 .hide-for-portrait { 800 display: block !important; } } 801@media screen and (orientation: portrait) { 802 .show-for-landscape, 803 .hide-for-portrait { 804 display: none !important; } } 805 806.hide-for-landscape, 807.show-for-portrait { 808 display: none !important; } 809@media screen and (orientation: landscape) { 810 .hide-for-landscape, 811 .show-for-portrait { 812 display: none !important; } } 813@media screen and (orientation: portrait) { 814 .hide-for-landscape, 815 .show-for-portrait { 816 display: block !important; } } 817 818.row { 819 max-width: 67.500rem; //1080px 820 margin-right: auto; 821 margin-left: auto; } 822.row::before, .row::after { 823 display: table; 824 content: ' '; } 825.row::after { 826 clear: both; } 827.row.collapse > .column, .row.collapse > .columns { 828 padding-right: 0; 829 padding-left: 0; } 830.row .row { 831 margin-right: -0.75rem; 832 margin-left: -0.75rem; } 833@media print, screen and (min-width: 40em) { 834 .row .row { 835 margin-right: -0.75rem; 836 margin-left: -0.75rem; } } 837@media print, screen and (min-width: 64em) { 838 .row .row { 839 margin-right: -0.75rem; 840 margin-left: -0.75rem; } } 841.row .row.collapse { 842 margin-right: 0; 843 margin-left: 0; } 844.row.expanded { 845 max-width: none; } 846.row.expanded .row { 847 margin-right: auto; 848 margin-left: auto; } 849 850.column, .columns { 851 width: 100%; 852 float: left; 853 padding-right: 0.75rem; 854 padding-left: 0.75rem; } 855.column:last-child:not(:first-child), .columns:last-child:not(:first-child) { 856 float: right; } 857.column.end:last-child:last-child, .end.columns:last-child:last-child { 858 float: left; } 859 860.column.row.row, .row.row.columns { 861 float: none; } 862 863.row .column.row.row, .row .row.row.columns { 864 margin-right: 0; 865 margin-left: 0; 866 padding-right: 0; 867 padding-left: 0; } 868 869.small-1 { 870 width: 8.33333%; } 871 872.small-push-1 { 873 position: relative; 874 left: 8.33333%; } 875 876.small-pull-1 { 877 position: relative; 878 left: -8.33333%; } 879 880.small-offset-0 { 881 margin-left: 0%; } 882 883.small-2 { 884 width: 16.66667%; } 885 886.small-push-2 { 887 position: relative; 888 left: 16.66667%; } 889 890.small-pull-2 { 891 position: relative; 892 left: -16.66667%; } 893 894.small-offset-1 { 895 margin-left: 8.33333%; } 896 897.small-3 { 898 width: 25%; } 899 900.small-push-3 { 901 position: relative; 902 left: 25%; } 903 904.small-pull-3 { 905 position: relative; 906 left: -25%; } 907 908.small-offset-2 { 909 margin-left: 16.66667%; } 910 911.small-4 { 912 width: 33.33333%; } 913 914.small-push-4 { 915 position: relative; 916 left: 33.33333%; } 917 918.small-pull-4 { 919 position: relative; 920 left: -33.33333%; } 921 922.small-offset-3 { 923 margin-left: 25%; } 924 925.small-5 { 926 width: 41.66667%; } 927 928.small-push-5 { 929 position: relative; 930 left: 41.66667%; } 931 932.small-pull-5 { 933 position: relative; 934 left: -41.66667%; } 935 936.small-offset-4 { 937 margin-left: 33.33333%; } 938 939.small-6 { 940 width: 50%; } 941 942.small-push-6 { 943 position: relative; 944 left: 50%; } 945 946.small-pull-6 { 947 position: relative; 948 left: -50%; } 949 950.small-offset-5 { 951 margin-left: 41.66667%; } 952 953.small-7 { 954 width: 58.33333%; } 955 956.small-push-7 { 957 position: relative; 958 left: 58.33333%; } 959 960.small-pull-7 { 961 position: relative; 962 left: -58.33333%; } 963 964.small-offset-6 { 965 margin-left: 50%; } 966 967.small-8 { 968 width: 66.66667%; } 969 970.small-push-8 { 971 position: relative; 972 left: 66.66667%; } 973 974.small-pull-8 { 975 position: relative; 976 left: -66.66667%; } 977 978.small-offset-7 { 979 margin-left: 58.33333%; } 980 981.small-9 { 982 width: 75%; } 983 984.small-push-9 { 985 position: relative; 986 left: 75%; } 987 988.small-pull-9 { 989 position: relative; 990 left: -75%; } 991 992.small-offset-8 { 993 margin-left: 66.66667%; } 994 995.small-10 { 996 width: 83.33333%; } 997 998.small-push-10 { 999 position: relative; 1000 left: 83.33333%; } 1001 1002.small-pull-10 { 1003 position: relative; 1004 left: -83.33333%; } 1005 1006.small-offset-9 { 1007 margin-left: 75%; } 1008 1009.small-11 { 1010 width: 91.66667%; } 1011 1012.small-push-11 { 1013 position: relative; 1014 left: 91.66667%; } 1015 1016.small-pull-11 { 1017 position: relative; 1018 left: -91.66667%; } 1019 1020.small-offset-10 { 1021 margin-left: 83.33333%; } 1022 1023.small-12 { 1024 width: 100%; } 1025 1026.small-offset-11 { 1027 margin-left: 91.66667%; } 1028 1029.small-up-1 > .column, .small-up-1 > .columns { 1030 float: left; 1031 width: 100%; } 1032.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { 1033 clear: none; } 1034.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { 1035 clear: both; } 1036.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { 1037 float: left; } 1038 1039.small-up-2 > .column, .small-up-2 > .columns { 1040 float: left; 1041 width: 50%; } 1042.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { 1043 clear: none; } 1044.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { 1045 clear: both; } 1046.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { 1047 float: left; } 1048 1049.small-up-3 > .column, .small-up-3 > .columns { 1050 float: left; 1051 width: 33.33333%; } 1052.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { 1053 clear: none; } 1054.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { 1055 clear: both; } 1056.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { 1057 float: left; } 1058 1059.small-up-4 > .column, .small-up-4 > .columns { 1060 float: left; 1061 width: 25%; } 1062.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { 1063 clear: none; } 1064.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { 1065 clear: both; } 1066.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { 1067 float: left; } 1068 1069.small-up-5 > .column, .small-up-5 > .columns { 1070 float: left; 1071 width: 20%; } 1072.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { 1073 clear: none; } 1074.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { 1075 clear: both; } 1076.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { 1077 float: left; } 1078 1079.small-up-6 > .column, .small-up-6 > .columns { 1080 float: left; 1081 width: 16.66667%; } 1082.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { 1083 clear: none; } 1084.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { 1085 clear: both; } 1086.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { 1087 float: left; } 1088 1089.small-up-7 > .column, .small-up-7 > .columns { 1090 float: left; 1091 width: 14.28571%; } 1092.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { 1093 clear: none; } 1094.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { 1095 clear: both; } 1096.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { 1097 float: left; } 1098 1099.small-up-8 > .column, .small-up-8 > .columns { 1100 float: left; 1101 width: 12.5%; } 1102.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { 1103 clear: none; } 1104.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { 1105 clear: both; } 1106.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { 1107 float: left; } 1108 1109.small-collapse > .column, .small-collapse > .columns { 1110 padding-right: 0; 1111 padding-left: 0; } 1112 1113.small-collapse .row { 1114 margin-right: 0; 1115 margin-left: 0; } 1116 1117.expanded.row .small-collapse.row { 1118 margin-right: 0; 1119 margin-left: 0; } 1120 1121.small-uncollapse > .column, .small-uncollapse > .columns { 1122 padding-right: 0.75rem; 1123 padding-left: 0.75rem; } 1124 1125.small-centered { 1126 margin-right: auto; 1127 margin-left: auto; } 1128.small-centered, .small-centered:last-child:not(:first-child) { 1129 float: none; 1130 clear: both; } 1131 1132.small-uncentered, 1133.small-push-0, 1134.small-pull-0 { 1135 position: static; 1136 float: left; 1137 margin-right: 0; 1138 margin-left: 0; } 1139 1140@media print, screen and (min-width: 40em) { 1141 .medium-1 { 1142 width: 8.33333%; } 1143 .medium-push-1 { 1144 position: relative; 1145 left: 8.33333%; } 1146 .medium-pull-1 { 1147 position: relative; 1148 left: -8.33333%; } 1149 .medium-offset-0 { 1150 margin-left: 0%; } 1151 .medium-2 { 1152 width: 16.66667%; } 1153 .medium-push-2 { 1154 position: relative; 1155 left: 16.66667%; } 1156 .medium-pull-2 { 1157 position: relative; 1158 left: -16.66667%; } 1159 .medium-offset-1 { 1160 margin-left: 8.33333%; } 1161 .medium-3 { 1162 width: 25%; } 1163 .medium-push-3 { 1164 position: relative; 1165 left: 25%; } 1166 .medium-pull-3 { 1167 position: relative; 1168 left: -25%; } 1169 .medium-offset-2 { 1170 margin-left: 16.66667%; } 1171 .medium-4 { 1172 width: 33.33333%; } 1173 .medium-push-4 { 1174 position: relative; 1175 left: 33.33333%; } 1176 .medium-pull-4 { 1177 position: relative; 1178 left: -33.33333%; } 1179 .medium-offset-3 { 1180 margin-left: 25%; } 1181 .medium-5 { 1182 width: 41.66667%; } 1183 .medium-push-5 { 1184 position: relative; 1185 left: 41.66667%; } 1186 .medium-pull-5 { 1187 position: relative; 1188 left: -41.66667%; } 1189 .medium-offset-4 { 1190 margin-left: 33.33333%; } 1191 .medium-6 { 1192 width: 50%; } 1193 .medium-push-6 { 1194 position: relative; 1195 left: 50%; } 1196 .medium-pull-6 { 1197 position: relative; 1198 left: -50%; } 1199 .medium-offset-5 { 1200 margin-left: 41.66667%; } 1201 .medium-7 { 1202 width: 58.33333%; } 1203 .medium-push-7 { 1204 position: relative; 1205 left: 58.33333%; } 1206 .medium-pull-7 { 1207 position: relative; 1208 left: -58.33333%; } 1209 .medium-offset-6 { 1210 margin-left: 50%; } 1211 .medium-8 { 1212 width: 66.66667%; } 1213 .medium-push-8 { 1214 position: relative; 1215 left: 66.66667%; } 1216 .medium-pull-8 { 1217 position: relative; 1218 left: -66.66667%; } 1219 .medium-offset-7 { 1220 margin-left: 58.33333%; } 1221 .medium-9 { 1222 width: 75%; } 1223 .medium-push-9 { 1224 position: relative; 1225 left: 75%; } 1226 .medium-pull-9 { 1227 position: relative; 1228 left: -75%; } 1229 .medium-offset-8 { 1230 margin-left: 66.66667%; } 1231 .medium-10 { 1232 width: 83.33333%; } 1233 .medium-push-10 { 1234 position: relative; 1235 left: 83.33333%; } 1236 .medium-pull-10 { 1237 position: relative; 1238 left: -83.33333%; } 1239 .medium-offset-9 { 1240 margin-left: 75%; } 1241 .medium-11 { 1242 width: 91.66667%; } 1243 .medium-push-11 { 1244 position: relative; 1245 left: 91.66667%; } 1246 .medium-pull-11 { 1247 position: relative; 1248 left: -91.66667%; } 1249 .medium-offset-10 { 1250 margin-left: 83.33333%; } 1251 .medium-12 { 1252 width: 100%; } 1253 .medium-offset-11 { 1254 margin-left: 91.66667%; } 1255 .medium-up-1 > .column, .medium-up-1 > .columns { 1256 float: left; 1257 width: 100%; } 1258 .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { 1259 clear: none; } 1260 .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { 1261 clear: both; } 1262 .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { 1263 float: left; } 1264 .medium-up-2 > .column, .medium-up-2 > .columns { 1265 float: left; 1266 width: 50%; } 1267 .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { 1268 clear: none; } 1269 .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { 1270 clear: both; } 1271 .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { 1272 float: left; } 1273 .medium-up-3 > .column, .medium-up-3 > .columns { 1274 float: left; 1275 width: 33.33333%; } 1276 .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { 1277 clear: none; } 1278 .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { 1279 clear: both; } 1280 .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { 1281 float: left; } 1282 .medium-up-4 > .column, .medium-up-4 > .columns { 1283 float: left; 1284 width: 25%; } 1285 .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { 1286 clear: none; } 1287 .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { 1288 clear: both; } 1289 .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { 1290 float: left; } 1291 .medium-up-5 > .column, .medium-up-5 > .columns { 1292 float: left; 1293 width: 20%; } 1294 .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { 1295 clear: none; } 1296 .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { 1297 clear: both; } 1298 .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { 1299 float: left; } 1300 .medium-up-6 > .column, .medium-up-6 > .columns { 1301 float: left; 1302 width: 16.66667%; } 1303 .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { 1304 clear: none; } 1305 .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { 1306 clear: both; } 1307 .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { 1308 float: left; } 1309 .medium-up-7 > .column, .medium-up-7 > .columns { 1310 float: left; 1311 width: 14.28571%; } 1312 .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { 1313 clear: none; } 1314 .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { 1315 clear: both; } 1316 .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { 1317 float: left; } 1318 .medium-up-8 > .column, .medium-up-8 > .columns { 1319 float: left; 1320 width: 12.5%; } 1321 .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { 1322 clear: none; } 1323 .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { 1324 clear: both; } 1325 .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { 1326 float: left; } 1327 .medium-collapse > .column, .medium-collapse > .columns { 1328 padding-right: 0; 1329 padding-left: 0; } 1330 .medium-collapse .row { 1331 margin-right: 0; 1332 margin-left: 0; } 1333 .expanded.row .medium-collapse.row { 1334 margin-right: 0; 1335 margin-left: 0; } 1336 .medium-uncollapse > .column, .medium-uncollapse > .columns { 1337 padding-right: 0.75rem; 1338 padding-left: 0.75rem; } 1339 .medium-centered { 1340 margin-right: auto; 1341 margin-left: auto; } 1342 .medium-centered, .medium-centered:last-child:not(:first-child) { 1343 float: none; 1344 clear: both; } 1345 .medium-uncentered, 1346 .medium-push-0, 1347 .medium-pull-0 { 1348 position: static; 1349 float: left; 1350 margin-right: 0; 1351 margin-left: 0; } } 1352 1353@media print, screen and (min-width: 64em) { 1354 .large-1 { 1355 width: 8.33333%; } 1356 .large-push-1 { 1357 position: relative; 1358 left: 8.33333%; } 1359 .large-pull-1 { 1360 position: relative; 1361 left: -8.33333%; } 1362 .large-offset-0 { 1363 margin-left: 0%; } 1364 .large-2 { 1365 width: 16.66667%; } 1366 .large-push-2 { 1367 position: relative; 1368 left: 16.66667%; } 1369 .large-pull-2 { 1370 position: relative; 1371 left: -16.66667%; } 1372 .large-offset-1 { 1373 margin-left: 8.33333%; } 1374 .large-3 { 1375 width: 25%; } 1376 .large-push-3 { 1377 position: relative; 1378 left: 25%; } 1379 .large-pull-3 { 1380 position: relative; 1381 left: -25%; } 1382 .large-offset-2 { 1383 margin-left: 16.66667%; } 1384 .large-4 { 1385 width: 33.33333%; } 1386 .large-push-4 { 1387 position: relative; 1388 left: 33.33333%; } 1389 .large-pull-4 { 1390 position: relative; 1391 left: -33.33333%; } 1392 .large-offset-3 { 1393 margin-left: 25%; } 1394 .large-5 { 1395 width: 41.66667%; } 1396 .large-push-5 { 1397 position: relative; 1398 left: 41.66667%; } 1399 .large-pull-5 { 1400 position: relative; 1401 left: -41.66667%; } 1402 .large-offset-4 { 1403 margin-left: 33.33333%; } 1404 .large-6 { 1405 width: 50%; } 1406 .large-push-6 { 1407 position: relative; 1408 left: 50%; } 1409 .large-pull-6 { 1410 position: relative; 1411 left: -50%; } 1412 .large-offset-5 { 1413 margin-left: 41.66667%; } 1414 .large-7 { 1415 width: 58.33333%; } 1416 .large-push-7 { 1417 position: relative; 1418 left: 58.33333%; } 1419 .large-pull-7 { 1420 position: relative; 1421 left: -58.33333%; } 1422 .large-offset-6 { 1423 margin-left: 50%; } 1424 .large-8 { 1425 width: 66.66667%; } 1426 .large-push-8 { 1427 position: relative; 1428 left: 66.66667%; } 1429 .large-pull-8 { 1430 position: relative; 1431 left: -66.66667%; } 1432 .large-offset-7 { 1433 margin-left: 58.33333%; } 1434 .large-9 { 1435 width: 75%; } 1436 .large-push-9 { 1437 position: relative; 1438 left: 75%; } 1439 .large-pull-9 { 1440 position: relative; 1441 left: -75%; } 1442 .large-offset-8 { 1443 margin-left: 66.66667%; } 1444 .large-10 { 1445 width: 83.33333%; } 1446 .large-push-10 { 1447 position: relative; 1448 left: 83.33333%; } 1449 .large-pull-10 { 1450 position: relative; 1451 left: -83.33333%; } 1452 .large-offset-9 { 1453 margin-left: 75%; } 1454 .large-11 { 1455 width: 91.66667%; } 1456 .large-push-11 { 1457 position: relative; 1458 left: 91.66667%; } 1459 .large-pull-11 { 1460 position: relative; 1461 left: -91.66667%; } 1462 .large-offset-10 { 1463 margin-left: 83.33333%; } 1464 .large-12 { 1465 width: 100%; } 1466 .large-offset-11 { 1467 margin-left: 91.66667%; } 1468 .large-up-1 > .column, .large-up-1 > .columns { 1469 float: left; 1470 width: 100%; } 1471 .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { 1472 clear: none; } 1473 .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { 1474 clear: both; } 1475 .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { 1476 float: left; } 1477 .large-up-2 > .column, .large-up-2 > .columns { 1478 float: left; 1479 width: 50%; } 1480 .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { 1481 clear: none; } 1482 .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { 1483 clear: both; } 1484 .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { 1485 float: left; } 1486 .large-up-3 > .column, .large-up-3 > .columns { 1487 float: left; 1488 width: 33.33333%; } 1489 .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { 1490 clear: none; } 1491 .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { 1492 clear: both; } 1493 .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { 1494 float: left; } 1495 .large-up-4 > .column, .large-up-4 > .columns { 1496 float: left; 1497 width: 25%; } 1498 .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { 1499 clear: none; } 1500 .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { 1501 clear: both; } 1502 .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { 1503 float: left; } 1504 .large-up-5 > .column, .large-up-5 > .columns { 1505 float: left; 1506 width: 20%; } 1507 .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { 1508 clear: none; } 1509 .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { 1510 clear: both; } 1511 .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { 1512 float: left; } 1513 .large-up-6 > .column, .large-up-6 > .columns { 1514 float: left; 1515 width: 16.66667%; } 1516 .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { 1517 clear: none; } 1518 .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { 1519 clear: both; } 1520 .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { 1521 float: left; } 1522 .large-up-7 > .column, .large-up-7 > .columns { 1523 float: left; 1524 width: 14.28571%; } 1525 .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { 1526 clear: none; } 1527 .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { 1528 clear: both; } 1529 .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { 1530 float: left; } 1531 .large-up-8 > .column, .large-up-8 > .columns { 1532 float: left; 1533 width: 12.5%; } 1534 .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { 1535 clear: none; } 1536 .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { 1537 clear: both; } 1538 .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { 1539 float: left; } 1540 .large-collapse > .column, .large-collapse > .columns { 1541 padding-right: 0; 1542 padding-left: 0; } 1543 .large-collapse .row { 1544 margin-right: 0; 1545 margin-left: 0; } 1546 .expanded.row .large-collapse.row { 1547 margin-right: 0; 1548 margin-left: 0; } 1549 .large-uncollapse > .column, .large-uncollapse > .columns { 1550 padding-right: 0.75rem; 1551 padding-left: 0.75rem; } 1552 .large-centered { 1553 margin-right: auto; 1554 margin-left: auto; } 1555 .large-centered, .large-centered:last-child:not(:first-child) { 1556 float: none; 1557 clear: both; } 1558 .large-uncentered, 1559 .large-push-0, 1560 .large-pull-0 { 1561 position: static; 1562 float: left; 1563 margin-right: 0; 1564 margin-left: 0; } } 1565 1566.column-block { 1567 margin-bottom: 1.5rem; } 1568.column-block > :last-child { 1569 margin-bottom: 0; } 1570