├── .github └── FUNDING.yml ├── .gitignore ├── README.md ├── plucss.css └── plucss.min.css /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 2 | custom: ['https://www.pluxml.org/nous-soutenir.html','paypal.me/pluxmlorg'] 3 | 4 | # These are supported funding model platforms 5 | 6 | #github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 7 | #patreon: # Replace with a single Patreon username 8 | #open_collective: # Replace with a single Open Collective username 9 | #ko_fi: # Replace with a single Ko-fi username 10 | #tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 11 | #community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 12 | #liberapay: # Replace with a single Liberapay username 13 | #issuehunt: # Replace with a single IssueHunt username 14 | #otechie: # Replace with a single Otechie username 15 | #custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /.project 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | PluCSS 2 | ====== 3 | 4 | Un framework css simple et léger pour PluXml 5 | 6 | [Site officiel](https://plucss.pluxml.org) 7 | -------------------------------------------------------------------------------- /plucss.css: -------------------------------------------------------------------------------- 1 | /* 2 | # ------------------ BEGIN LICENSE BLOCK ------------------ 3 | # 4 | # This file is part of PluXml : http://www.pluxml.org 5 | # 6 | # Package plucss.css 7 | # Version 1.3.1 8 | # Copyright (c) 2014-2019 PluXml 9 | # Authors Jos, Stéphane F, sudwebdesign, Pedro "P3ter" CADETE 10 | # Licensed under the GPL license. 11 | # See http://www.gnu.org/licenses/gpl.html 12 | # 13 | # ------------------- END LICENSE BLOCK ------------------- 14 | */ 15 | 16 | /* ---------- RESET CSS ---------- */ 17 | 18 | *, 19 | *:after, 20 | *:before { 21 | box-sizing: border-box; 22 | } 23 | html { 24 | font-size: 62.5%; 25 | } 26 | body { 27 | font-family: sans-serif; 28 | font-size: 1.5rem; 29 | line-height: 1.5; 30 | margin: 0; 31 | } 32 | a { 33 | background: transparent; 34 | } 35 | a:active, 36 | a:hover { 37 | outline: 0; 38 | } 39 | abbr { 40 | border-bottom: none; 41 | cursor: help; 42 | text-decoration: underline dotted; 43 | } 44 | b, 45 | strong { 46 | font-weight: bold; 47 | } 48 | blockquote { 49 | font-style: italic; 50 | } 51 | code, 52 | kbd, 53 | pre, 54 | samp { 55 | font-family: monospace; 56 | font-size: 1.5rem; 57 | } 58 | details, 59 | main, 60 | summary { 61 | display: block; 62 | } 63 | dfn { 64 | font-style: italic; 65 | } 66 | figure { 67 | margin: 0; 68 | } 69 | h1, 70 | h2, 71 | h3, 72 | h4, 73 | h5, 74 | h6 { 75 | line-height: 1; 76 | margin: 3rem 0 1.5rem 0; 77 | font-weight: 500; 78 | } 79 | hr { 80 | height: 0; 81 | } 82 | img { 83 | border: 0; 84 | height: auto; 85 | max-width: 100%; 86 | } 87 | pre { 88 | overflow: auto; 89 | } 90 | progress { 91 | vertical-align: baseline; 92 | } 93 | small { 94 | font-size: 1.17rem; 95 | } 96 | sub, 97 | sup, 98 | .sup { 99 | font-size: 1.17rem; 100 | line-height: 0; 101 | position: relative; 102 | vertical-align: baseline; 103 | } 104 | sup, 105 | .sup { 106 | top: -0.75rem; 107 | } 108 | sub { 109 | bottom: -0.75rem; 110 | } 111 | svg:not(:root) { 112 | overflow: hidden; 113 | } 114 | fieldset { 115 | border: none; 116 | padding: 0; 117 | } 118 | legend { 119 | margin-bottom: 1.5rem; 120 | padding: 0; 121 | } 122 | label { 123 | display: block; 124 | padding-bottom: .3rem; 125 | } 126 | button, 127 | input, 128 | select, 129 | textarea { 130 | font: inherit; 131 | height: 3rem; 132 | margin: 0; 133 | outline: none; 134 | padding-left: .4rem; 135 | padding-right: .4rem; 136 | width: 100%; 137 | } 138 | button, 139 | input { 140 | overflow: visible; 141 | } 142 | button::-moz-focus-inner, 143 | input::-moz-focus-inner { 144 | border: 0; 145 | padding: 0; 146 | } 147 | button, 148 | [type="button"], 149 | [type="reset"], 150 | [type="submit"] { 151 | border-color: transparent; 152 | cursor: pointer; 153 | padding-left: .7rem; 154 | padding-right: .7rem; 155 | width: auto; 156 | } 157 | textarea { 158 | height: auto; 159 | overflow: auto; 160 | } 161 | select { 162 | padding-left: .2rem; 163 | padding-right: 0; 164 | } 165 | optgroup { 166 | font-weight: bold; 167 | font-style: normal; 168 | } 169 | [type="checkbox"], 170 | [type="radio"] { 171 | height: auto; 172 | padding: 0; 173 | width: auto; 174 | } 175 | [type="file"] { 176 | height: auto; 177 | padding: 0; 178 | } 179 | [disabled]:hover { 180 | cursor: not-allowed; 181 | } 182 | table { 183 | border-collapse: collapse; 184 | border-spacing: 0; 185 | } 186 | caption, 187 | th { 188 | text-align: left; 189 | } 190 | tr { 191 | border-bottom: 1px solid; 192 | } 193 | td, 194 | th { 195 | height: 3.5rem; 196 | padding-left: .7rem; 197 | padding-right: .7rem; 198 | } 199 | 200 | /* ---------- TYPOGRAPHY ---------- */ 201 | 202 | body { 203 | color: #444; 204 | } 205 | a { 206 | color: #258fd6; 207 | text-decoration: none; 208 | } 209 | a:active, 210 | a:hover { 211 | color: #444; 212 | text-decoration: underline; 213 | } 214 | cite:before { 215 | content: "— "; 216 | } 217 | .h1,.s1, 218 | .h2,.s2, 219 | .h3,.s3, 220 | .h4,.s4, 221 | .h5,.s5, 222 | .h6,.s6 { 223 | height: auto; 224 | } 225 | h1, 226 | .h1, 227 | .s1 { 228 | font-size: 2.5rem; 229 | } 230 | h2, 231 | .h2, 232 | .s2 { 233 | font-size: 2rem; 234 | } 235 | h3, 236 | .h3, 237 | .s3 { 238 | font-size: 1.67rem; 239 | } 240 | h4, 241 | .h4, 242 | .s4 { 243 | font-size: 1.5rem; 244 | } 245 | h5, 246 | .h5, 247 | .s5 { 248 | font-size: 1.33rem; 249 | } 250 | h6, 251 | .h6, 252 | .s6 { 253 | font-size: 1.17rem; 254 | } 255 | .heading-large { 256 | font-size: 8rem; 257 | } 258 | .heading-medium { 259 | font-size: 6.5rem; 260 | } 261 | .heading-small { 262 | font-size: 4rem; 263 | } 264 | .text-blue { 265 | color: #258fd6; 266 | } 267 | .text-green { 268 | color: #239c56; 269 | } 270 | .text-orange { 271 | color: #da7418; 272 | } 273 | .text-red { 274 | color: #e43d29; 275 | } 276 | ul.inline-list { 277 | font-size: 0rem; 278 | margin: 1.5rem 0; 279 | padding-left: 0; 280 | } 281 | ul.inline-list li { 282 | display: inline-block; 283 | list-style-type: none; 284 | margin-left: .5rem; 285 | font-size: 1.5rem; 286 | } 287 | ul.inline-list li:first-child { 288 | margin-left: 0; 289 | } 290 | ul.unstyled-list { 291 | padding-left: 0; 292 | } 293 | ul.unstyled-list li { 294 | list-style-type: none; 295 | } 296 | ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 297 | font-style: italic; 298 | color: #999; 299 | } 300 | ::-moz-placeholder { /* Firefox 19+ */ 301 | font-style: italic; 302 | color: #999; 303 | } 304 | :-ms-input-placeholder { /* IE 10+ */ 305 | font-style: italic; 306 | color: #999; 307 | } 308 | :-moz-placeholder { /* Firefox 18- */ 309 | font-style: italic; 310 | color: #999; 311 | } 312 | 313 | /* ---------- TABLE ---------- */ 314 | 315 | tr { 316 | border-color: #bbb; 317 | transition-duration: .2s; 318 | } 319 | tr:hover { 320 | background-color: #dbedf9; 321 | transition-duration: .2s; 322 | } 323 | .scrollable-table { 324 | overflow: auto; 325 | } 326 | 327 | /* ---------- FORM ---------- */ 328 | 329 | form .col { 330 | margin-bottom: 1.5rem; 331 | } 332 | form.inline-form button, 333 | form.inline-form input, 334 | form.inline-form label, 335 | form.inline-form select, 336 | form.inline-form textarea { 337 | display: inline-block; 338 | width: auto; 339 | } 340 | form .col.label-centered { 341 | margin-bottom: 0; 342 | } 343 | form .label-centered label { 344 | padding-top: .3rem; 345 | } 346 | button, 347 | input, 348 | select, 349 | textarea { 350 | border: 1px solid #bbb; 351 | border-radius: .3rem; 352 | transition-duration: .2s; 353 | } 354 | input:focus, 355 | select:focus, 356 | textarea:focus { 357 | border: 1px solid #258fd6; 358 | transition-duration: .2s; 359 | } 360 | [type="file"] { 361 | border: none; 362 | } 363 | button, 364 | input[type="button"], 365 | input[type="reset"], 366 | input[type="submit"] { 367 | background-color: #777; 368 | color: #fff; 369 | transition-duration: .2s; 370 | } 371 | button:hover, 372 | input[type="button"]:hover, 373 | input[type="reset"]:hover, 374 | input[type="submit"]:hover { 375 | background-color: #555; 376 | transition-duration: .2s; 377 | } 378 | button[disabled], 379 | input[disabled], 380 | select[disabled], 381 | textarea[disabled], 382 | button[disabled]:hover, 383 | input[disabled]:hover, 384 | select[disabled]:hover, 385 | textarea[disabled]:hover { 386 | background-color: #ddd; 387 | color: #aaa; 388 | } 389 | button.blue, 390 | input[type="button"].blue, 391 | input[type="reset"].blue, 392 | input[type="submit"].blue { 393 | background-color: #258fd6; 394 | color: #eee; 395 | } 396 | button.blue:hover, 397 | input[type="button"].blue:hover, 398 | input[type="reset"].blue:hover, 399 | input[type="submit"].blue:hover { 400 | background-color: #1f77b1; 401 | } 402 | button.green, 403 | input[type="button"].green, 404 | input[type="reset"].green, 405 | input[type="submit"].green { 406 | background-color: #239c56; 407 | color: #eee; 408 | } 409 | button.green:hover, 410 | input[type="button"].green:hover, 411 | input[type="reset"].green:hover, 412 | input[type="submit"].green:hover { 413 | background-color: #1c7943; 414 | } 415 | button.orange, 416 | input[type="button"].orange, 417 | input[type="reset"].orange, 418 | input[type="submit"].orange { 419 | background-color: #da7418; 420 | color: #eee; 421 | } 422 | button.orange:hover, 423 | input[type="button"].orange:hover, 424 | input[type="reset"].orange:hover, 425 | input[type="submit"].orange:hover { 426 | background-color: #b46014; 427 | } 428 | button.red, 429 | input[type="button"].red, 430 | input[type="reset"].red, 431 | input[type="submit"].red { 432 | background-color: #e43d29; 433 | color: #eee; 434 | } 435 | button.red:hover, 436 | input[type="button"].red:hover, 437 | input[type="reset"].red:hover, 438 | input[type="submit"].red:hover { 439 | background-color: #bc2818; 440 | } 441 | button.yellow, 442 | input[type="button"].yellow, 443 | input[type="reset"].yellow, 444 | input[type="submit"].yellow { 445 | background-color: #e0a800; 446 | color: #eee; 447 | } 448 | button.yellow:hover, 449 | input[type="button"].yellow:hover, 450 | input[type="reset"].yellow:hover, 451 | input[type="submit"].yellow:hover { 452 | background-color: #d39e00; 453 | } 454 | 455 | /* ---------- NAVIGATION ---------- */ 456 | 457 | .menu { 458 | font-size: 0rem; 459 | margin: 0; 460 | padding-left: 0; 461 | } 462 | .menu li { 463 | display: inline-block; 464 | font-size: 1.5rem; 465 | list-style-type: none; 466 | margin-left: 1.5rem; 467 | } 468 | .menu li:first-child { 469 | margin-left: 0; 470 | } 471 | .menu li.active a { 472 | color: #444; 473 | } 474 | .menu.vertical li { 475 | display: block; 476 | margin-left: 0; 477 | } 478 | .menu.expanded li { 479 | margin-left: 0; 480 | transition-duration: .2s; 481 | } 482 | .menu.expanded li:hover { 483 | border-radius: .3rem; 484 | background-color: #ddd; 485 | transition-duration: .2s; 486 | } 487 | .menu.expanded li a { 488 | border-radius: .3rem; 489 | display: block; 490 | height: 3.5rem; 491 | line-height: 3.5rem; 492 | padding-left: .7rem; 493 | padding-right: .7rem; 494 | } 495 | .menu.expanded li a:hover { 496 | text-decoration: none; 497 | } 498 | .menu.breadcrumb li + li:before, 499 | .menu.expanded.breadcrumb > li + li a:before { 500 | content: "/"; 501 | } 502 | .menu.breadcrumb li + li:before, 503 | .menu.expanded.breadcrumb > li + li:before, 504 | .menu.expanded.breadcrumb > li + li a:before { 505 | margin-right: .7rem; 506 | } 507 | .menu.expanded.breadcrumb > li + li:before { 508 | content: none; 509 | } 510 | .menu.expanded li.active a, 511 | .menu.expanded li.active:hover { 512 | background-color: #258fd6; 513 | color: #fff; 514 | } 515 | .responsive-menu label { 516 | background-color: #444; 517 | color: #fff; 518 | cursor: pointer; 519 | text-align: center; 520 | } 521 | #nav,/* fix old android browser (always open) */ 522 | .responsive-menu label,.responsive-menu input[type=checkbox] { 523 | display: none; 524 | } 525 | .responsive-menu label { 526 | height: 3.5rem; 527 | line-height: 3.5rem; 528 | padding-left: .7rem; 529 | padding-right: .7rem; 530 | } 531 | #nav:checked+ul#responsive-menu,/* fix old android browser */ 532 | .responsive-menu input[type=checkbox]:checked+ul { 533 | display: block; 534 | } 535 | 536 | @media (max-width: 767px) { 537 | .responsive-menu { /* fix old android browser : good position*/ 538 | left: 0; 539 | right: 0; 540 | } 541 | .responsive-menu ul { 542 | display: none; 543 | } 544 | .responsive-menu label, 545 | .responsive-menu ul li { 546 | display: block; 547 | margin-left: 0; 548 | } 549 | .responsive-menu ul li:hover { 550 | background-color: #ddd; 551 | } 552 | .responsive-menu ul li a { 553 | display: block; 554 | height: 3.5rem; 555 | line-height: 3.5rem; 556 | padding-left: .7rem; 557 | padding-right: .7rem; 558 | } 559 | .responsive-menu ul li a:hover { 560 | text-decoration: none; 561 | } 562 | .responsive-menu .menu.breadcrumb li + li:before, 563 | .responsive-menu .menu.expanded.breadcrumb > li + li a:before { 564 | content: none; 565 | } 566 | .responsive-menu ul li.active a, 567 | .responsive-menu ul li.active:hover { 568 | background-color: #258fd6; 569 | color: #fff; 570 | } 571 | } 572 | 573 | /* Pagination */ 574 | 575 | .pagination { 576 | margin: 0; 577 | padding: 0; 578 | width: 100%; 579 | } 580 | .pagination ul, 581 | .pagination ul ul { 582 | display: inline-block; 583 | margin: 0; 584 | padding: 0; 585 | } 586 | .pagination li, 587 | .pagination li li { 588 | display: inline-block; 589 | font-size: 1.5rem; 590 | list-style-type: none; 591 | margin: 10px; 592 | cursor: pointer; 593 | } 594 | .pagination li.active a { 595 | color: #ff0000; 596 | } 597 | .pagination li.disabled a { 598 | color: #999; 599 | } 600 | .pagination li.disabled a:hover { 601 | text-decoration: none; 602 | } 603 | 604 | /* ---------- OTHER COMPONENTS ---------- */ 605 | 606 | .modal-mask { 607 | position: fixed; 608 | z-index: 9998; 609 | top: 0; 610 | left: 0; 611 | width: 100%; 612 | height: 100%; 613 | background-color: rgba(0, 0, 0, .5); 614 | transition: opacity .3s ease; 615 | } 616 | .modal-container { 617 | width: 450px; 618 | margin: 40px auto 0; 619 | padding: 20px 30px; 620 | background-color: #fff; 621 | border-radius: 2px; 622 | box-shadow: 0 2px 8px rgba(0, 0, 0, .33); 623 | transition: all .3s ease; 624 | font-family: Helvetica, Arial, sans-serif; 625 | } 626 | .modal-header { 627 | margin-top: 0; 628 | } 629 | .modal-body { 630 | margin: 20px 0; 631 | } 632 | .modal-footer { 633 | margin: 20px 0; 634 | text-align: right; 635 | } 636 | .modal-container button:hover { 637 | color: #333; 638 | background-color: transparent; 639 | } 640 | .modal-btn-close { 641 | background: transparent; 642 | border: 0; 643 | height: 1rem; 644 | line-height: 1rem; 645 | margin-left: .2rem; 646 | margin-right: -2px; 647 | padding: 0 2px; 648 | text-decoration: none; 649 | width: 1rem; 650 | color: #999; 651 | } 652 | .modal-btn-close:after { 653 | display: inline-block; 654 | content: "\00d7"; /* This will render the 'X' */ 655 | } 656 | 657 | .gallery { 658 | list-style: none; 659 | margin-left: -1.5rem; 660 | margin-right: -1.5rem; 661 | overflow: hidden; 662 | padding-left: 0; 663 | } 664 | .gallery li { 665 | float: left; 666 | padding: 0 1.5rem 1.5rem 1.5rem; 667 | } 668 | .alert { 669 | border-radius: .3rem; 670 | margin-bottom: 1.5rem; 671 | padding: 1.5rem; 672 | } 673 | .alert a, 674 | .alert a:hover { 675 | color: inherit; 676 | } 677 | .alert.blue { 678 | background-color: #dbedf9; 679 | color: #258fd6; 680 | } 681 | .alert.green { 682 | background-color: #d3f5e2; 683 | color: #239c56; 684 | } 685 | .alert.orange { 686 | background-color: #fbe8d9; 687 | color: #da7418; 688 | } 689 | .alert.red { 690 | background-color: #fce4e2; 691 | color: #e43d29; 692 | } 693 | .button { 694 | background-color: #777; 695 | border-radius: .3rem; 696 | color: #fff; 697 | padding: .9rem .7rem; 698 | transition-duration: .2s; 699 | } 700 | .button:hover { 701 | background-color: #555; 702 | text-decoration: none; 703 | transition-duration: .2s; 704 | } 705 | .button.blue { 706 | background-color: #258fd6; 707 | color: #eee; 708 | } 709 | .button.blue:hover { 710 | background-color: #1f77b1; 711 | } 712 | .button.green { 713 | background-color: #239c56; 714 | color: #eee; 715 | } 716 | .button.green:hover { 717 | background-color: #1c7943; 718 | } 719 | .button.orange { 720 | background-color: #da7418; 721 | color: #eee; 722 | } 723 | .button.orange:hover { 724 | background-color: #b46014; 725 | } 726 | .button.red { 727 | background-color: #e43d29; 728 | color: #eee; 729 | } 730 | .button.red:hover { 731 | background-color: #bc2818; 732 | } 733 | .button.yellow { 734 | background-color: #e0a800; 735 | color: #eee; 736 | } 737 | .button.yellow:hover { 738 | background-color: #d39e00; 739 | } 740 | .progress { 741 | background-color: #fff; 742 | border-radius: .3rem; 743 | border: 1px solid #bbb; 744 | position: relative; 745 | width: 100%; 746 | } 747 | .progress span { 748 | background-color: #258fd6; 749 | border-radius: .3rem; 750 | color: #fff; 751 | display: block; 752 | height: 3.5rem; 753 | line-height: 3.5rem; 754 | min-width: 2.2rem; 755 | overflow: hidden; 756 | position: relative; 757 | text-align: center; 758 | } 759 | .progress span[style="width: 0%;"] { 760 | background: none; 761 | color: #444; 762 | } 763 | .badge, 764 | .label { 765 | background-color: #258fd6; 766 | border-radius: .3rem; 767 | color: #fff; 768 | display: inline-block; 769 | margin-left: .4rem; 770 | } 771 | .badge { 772 | line-height: 1; 773 | padding: .2rem; 774 | } 775 | .menu.expanded .active a .badge { 776 | background-color: #fff; 777 | color: #258fd6; 778 | } 779 | .menu.vertical .badge { 780 | float: right; 781 | } 782 | .menu.vertical.expanded .badge { 783 | margin-top: .8rem; 784 | } 785 | .label { 786 | padding: .25rem .4rem; 787 | } 788 | .frame { 789 | height: 0; 790 | padding-top: 56.25%; 791 | position: relative; 792 | } 793 | .frame embed, 794 | .frame iframe, 795 | .frame object, 796 | .frame video { 797 | height: 100%; 798 | left: 0; 799 | position: absolute; 800 | top: 0; 801 | width: 100%; 802 | } 803 | .img-circle { 804 | border-radius: 50%; 805 | } 806 | .img-rounded { 807 | border-radius: .3rem; 808 | } 809 | 810 | /* -- Tooltip -- */ 811 | 812 | a.tooltip { 813 | position: relative; 814 | display: inline; 815 | } 816 | a.tooltip span { 817 | font-size: 1.3rem; 818 | line-height: 1.7rem; 819 | position: absolute; 820 | min-width:140px; 821 | color: #fff; 822 | background: #555; 823 | min-height: 30px; 824 | text-align: center; 825 | visibility: hidden; 826 | border-radius: 4px; 827 | opacity: 0; 828 | -webkit-transition: opacity 0.3s ease-in-out; 829 | -moz-transition: opacity 0.3s ease-in-out; 830 | -ms-transition: opacity 0.3s ease-in-out; 831 | -o-transition: opacity 0.3s ease-in-out; 832 | transition: opacity 0.3s ease-in-out; 833 | } 834 | a.tooltip span:after { 835 | content: ''; 836 | position: absolute; 837 | width: 0; height: 0; 838 | } 839 | a:hover.tooltip span { 840 | visibility: visible; 841 | opacity:1; 842 | z-index: 999; 843 | } 844 | a.tooltip.tooltip-top span:after { 845 | top: 100%; 846 | left: 50%; 847 | margin-left: -8px; 848 | border-top: 8px solid #555; 849 | border-right: 8px solid transparent; 850 | border-left: 8px solid transparent; 851 | } 852 | a:hover.tooltip-top span { 853 | bottom: 30px; 854 | left: 50%; 855 | margin-left: -76px; 856 | } 857 | a.tooltip.tooltip-right span:after { 858 | top: 50%; 859 | right: 100%; 860 | margin-top: -8px; 861 | border-right: 8px solid #555; 862 | border-top: 8px solid transparent; 863 | border-bottom: 8px solid transparent; 864 | } 865 | a:hover.tooltip-right span { 866 | left: 100%; 867 | top: 50%; 868 | margin-top: -15px; 869 | margin-left: 15px; 870 | } 871 | a.tooltip.tooltip-bottom span:after { 872 | bottom: 100%; 873 | left: 50%; 874 | margin-left: -8px; 875 | border-bottom: 8px solid #555; 876 | border-right: 8px solid transparent; 877 | border-left: 8px solid transparent; 878 | } 879 | a:hover.tooltip-bottom span { 880 | top: 30px; 881 | left: 50%; 882 | margin-left: -76px; 883 | } 884 | a.tooltip.tooltip-left span:after { 885 | top: 50%; 886 | left: 100%; 887 | margin-top: -8px; 888 | border-left: 8px solid #555; 889 | border-top: 8px solid transparent; 890 | border-bottom: 8px solid transparent; 891 | } 892 | a:hover.tooltip-left span { 893 | right: 100%; 894 | top: 50%; 895 | margin-top: -15px; 896 | margin-right: 15px; 897 | } 898 | 899 | /* ---------- HELPER ---------- */ 900 | 901 | .text-left { 902 | text-align: left; 903 | } 904 | .text-center { 905 | text-align: center; 906 | } 907 | .text-right { 908 | text-align: right; 909 | } 910 | .text-justify { 911 | text-align: justify; 912 | } 913 | .float-left { 914 | float: left; 915 | } 916 | .float-center { 917 | display: block; 918 | margin-left: auto; 919 | margin-right: auto; 920 | } 921 | .float-right { 922 | float: right; 923 | } 924 | .float-none { 925 | float: none; 926 | } 927 | .show { 928 | display: initial; 929 | } 930 | .hide { 931 | display: none; 932 | } 933 | .full-width { 934 | width: 100%; 935 | } 936 | .width-auto { 937 | width: auto; 938 | } 939 | .no-margin { 940 | margin: 0; 941 | } 942 | .no-padding { 943 | padding: 0; 944 | } 945 | .sticky { 946 | position: fixed; 947 | position: -webkit-sticky; 948 | position: sticky; 949 | top: 0; 950 | } 951 | 952 | /* ---------- GRID, GALLERY, AND HELPER ---------- */ 953 | 954 | .container { 955 | margin: 0 auto; 956 | max-width: 1280px; 957 | padding-left: 1.5rem; 958 | padding-right: 1.5rem; 959 | width: 100%; 960 | } 961 | .grid { 962 | overflow: hidden; 963 | margin-left: -1.5rem; 964 | margin-right: -1.5rem; 965 | } 966 | .col { 967 | float: left; 968 | position: relative; 969 | min-height: 1px; 970 | padding-left: 1.5rem; 971 | padding-right: 1.5rem; 972 | width: 100%; 973 | } 974 | .col.sml-1, 975 | .gallery.sml-1 li { 976 | width: 8.3333%; 977 | } 978 | .col.sml-2, 979 | .gallery.sml-2 li { 980 | width: 16.6666%; 981 | } 982 | .col.sml-3, 983 | .gallery.sml-3 li { 984 | width: 25%; 985 | } 986 | .col.sml-4, 987 | .gallery.sml-4 li { 988 | width: 33.3333%; 989 | } 990 | .col.sml-5, 991 | .gallery.sml-5 li { 992 | width: 41.6666%; 993 | } 994 | .col.sml-6, 995 | .gallery.sml-6 li { 996 | width: 50%; 997 | } 998 | .col.sml-7, 999 | .gallery.sml-7 li { 1000 | width: 58.3333%; 1001 | } 1002 | .col.sml-8, 1003 | .gallery.sml-8 li { 1004 | width: 66.6666%; 1005 | } 1006 | .col.sml-9, 1007 | .gallery.sml-9 li { 1008 | width: 75%; 1009 | } 1010 | .col.sml-10, 1011 | .gallery.sml-10 li { 1012 | width: 83.3333%; 1013 | } 1014 | .col.sml-11, 1015 | .gallery.sml-11 li { 1016 | width: 91.6666%; 1017 | } 1018 | .col.sml-12, 1019 | .gallery.sml-12 li { 1020 | width: 100%; 1021 | } 1022 | .col.sml-push-0 { 1023 | left: auto; 1024 | } 1025 | .col.sml-push-1 { 1026 | left: 8.3333%; 1027 | } 1028 | .col.sml-push-2 { 1029 | left: 16.6666%; 1030 | } 1031 | .col.sml-push-3 { 1032 | left: 25%; 1033 | } 1034 | .col.sml-push-4 { 1035 | left: 33.3333%; 1036 | } 1037 | .col.sml-push-5 { 1038 | left: 41.6666%; 1039 | } 1040 | .col.sml-push-6 { 1041 | left: 50%; 1042 | } 1043 | .col.sml-push-7 { 1044 | left: 58.3333%; 1045 | } 1046 | .col.sml-push-8 { 1047 | left: 66.6666%; 1048 | } 1049 | .col.sml-push-9 { 1050 | left: 75%; 1051 | } 1052 | .col.sml-push-10 { 1053 | left: 83.3333%; 1054 | } 1055 | .col.sml-push-11 { 1056 | left: 91.6666%; 1057 | } 1058 | .col.sml-push-12 { 1059 | left: 100%; 1060 | } 1061 | .col.sml-pull-0 { 1062 | right: auto; 1063 | } 1064 | .col.sml-pull-1 { 1065 | right: 8.3333%; 1066 | } 1067 | .col.sml-pull-2 { 1068 | right: 16.6666%; 1069 | } 1070 | .col.sml-pull-3 { 1071 | right: 25%; 1072 | } 1073 | .col.sml-pull-4 { 1074 | right: 33.3333%; 1075 | } 1076 | .col.sml-pull-5 { 1077 | right: 41.6666%; 1078 | } 1079 | .col.sml-pull-6 { 1080 | right: 50%; 1081 | } 1082 | .col.sml-pull-7 { 1083 | right: 58.3333%; 1084 | } 1085 | .col.sml-pull-8 { 1086 | right: 66.6666%; 1087 | } 1088 | .col.sml-pull-9 { 1089 | right: 75%; 1090 | } 1091 | .col.sml-pull-10 { 1092 | right: 83.3333%; 1093 | } 1094 | .col.sml-pull-11 { 1095 | right: 91.6666%; 1096 | } 1097 | .col.sml-pull-12 { 1098 | right: 100%; 1099 | } 1100 | .col.sml-offset-0 { 1101 | margin-left: 0; 1102 | } 1103 | .col.sml-offset-1 { 1104 | margin-left: 8.3333%; 1105 | } 1106 | .col.sml-offset-2 { 1107 | margin-left: 16.6666%; 1108 | } 1109 | .col.sml-offset-3 { 1110 | margin-left: 25%; 1111 | } 1112 | .col.sml-offset-4 { 1113 | margin-left: 33.3333%; 1114 | } 1115 | .col.sml-offset-5 { 1116 | margin-left: 41.6666%; 1117 | } 1118 | .col.sml-offset-6 { 1119 | margin-left: 50%; 1120 | } 1121 | .col.sml-offset-7 { 1122 | margin-left: 58.3333%; 1123 | } 1124 | .col.sml-offset-8 { 1125 | margin-left: 66.6666%; 1126 | } 1127 | .col.sml-offset-9 { 1128 | margin-left: 75%; 1129 | } 1130 | .col.sml-offset-10 { 1131 | margin-left: 83.3333%; 1132 | } 1133 | .col.sml-offset-11 { 1134 | margin-left: 91.6666%; 1135 | } 1136 | .col.sml-offset-12 { 1137 | margin-left: 100%; 1138 | } 1139 | .col.sml-centered { 1140 | float: none; 1141 | margin-left: auto; 1142 | margin-right: auto; 1143 | } 1144 | .col.sml-uncentered { 1145 | float: left; 1146 | } 1147 | .sml-h1 { 1148 | font-size: 2.5rem; 1149 | } 1150 | .sml-h2 { 1151 | font-size: 2rem; 1152 | } 1153 | .sml-h3 { 1154 | font-size: 1.67rem; 1155 | } 1156 | .sml-h4 { 1157 | font-size: 1.5rem; 1158 | } 1159 | .sml-h5 { 1160 | font-size: 1.33rem; 1161 | } 1162 | .sml-h6 { 1163 | font-size: 1.17rem; 1164 | } 1165 | .sml-text-left { 1166 | text-align: left; 1167 | } 1168 | .sml-text-center { 1169 | text-align: center; 1170 | } 1171 | .sml-text-right { 1172 | text-align: right; 1173 | } 1174 | .sml-text-justify { 1175 | text-align: justify; 1176 | } 1177 | .sml-float-left { 1178 | float: left; 1179 | } 1180 | .sml-float-center { 1181 | margin-left: auto; 1182 | margin-right: auto; 1183 | } 1184 | .sml-float-right { 1185 | float: right; 1186 | } 1187 | .sml-float-none { 1188 | float: none; 1189 | } 1190 | .sml-show { 1191 | display: initial; 1192 | } 1193 | .sml-hide { 1194 | display: none; 1195 | } 1196 | .sml-full-width { 1197 | width: 100%; 1198 | } 1199 | .sml-width-auto { 1200 | width: auto; 1201 | } 1202 | .sml-no-margin { 1203 | margin: 0; 1204 | } 1205 | .sml-no-padding { 1206 | padding: 0; 1207 | } 1208 | 1209 | @media (min-width: 768px) { 1210 | 1211 | .container { 1212 | padding-left: 2rem; 1213 | padding-right: 2rem; 1214 | } 1215 | .col.med-1, 1216 | .gallery.med-1 li { 1217 | width: 8.3333%; 1218 | } 1219 | .col.med-2, 1220 | .gallery.med-2 li { 1221 | width: 16.6666%; 1222 | } 1223 | .col.med-3, 1224 | .gallery.med-3 li { 1225 | width: 25%; 1226 | } 1227 | .col.med-4, 1228 | .gallery.med-4 li { 1229 | width: 33.3333%; 1230 | } 1231 | .col.med-5, 1232 | .gallery.med-5 li { 1233 | width: 41.6666%; 1234 | } 1235 | .col.med-6, 1236 | .gallery.med-6 li { 1237 | width: 50%; 1238 | } 1239 | .col.med-7, 1240 | .gallery.med-7 li { 1241 | width: 58.3333%; 1242 | } 1243 | .col.med-8, 1244 | .gallery.med-8 li { 1245 | width: 66.6666%; 1246 | } 1247 | .col.med-9, 1248 | .gallery.med-9 li { 1249 | width: 75%; 1250 | } 1251 | .col.med-10, 1252 | .gallery.med-10 li { 1253 | width: 83.3333%; 1254 | } 1255 | .col.med-11, 1256 | .gallery.med-11 li { 1257 | width: 91.6666%; 1258 | } 1259 | .col.med-12, 1260 | .gallery.med-12 li { 1261 | width: 100%; 1262 | } 1263 | .col.med-push-0 { 1264 | left: auto; 1265 | } 1266 | .col.med-push-1 { 1267 | left: 8.3333%; 1268 | } 1269 | .col.med-push-2 { 1270 | left: 16.6666% 1271 | } 1272 | .col.med-push-3 { 1273 | left: 25%; 1274 | } 1275 | .col.med-push-4 { 1276 | left: 33.3333%; 1277 | } 1278 | .col.med-push-5 { 1279 | left: 41.6666%; 1280 | } 1281 | .col.med-push-6 { 1282 | left: 50%; 1283 | } 1284 | .col.med-push-7 { 1285 | left: 58.3333%; 1286 | } 1287 | .col.med-push-8 { 1288 | left: 66.6666%; 1289 | } 1290 | .col.med-push-9 { 1291 | left: 75%; 1292 | } 1293 | .col.med-push-10 { 1294 | left: 83.3333%; 1295 | } 1296 | .col.med-push-11 { 1297 | left: 91.6666%; 1298 | } 1299 | .col.med-push-12 { 1300 | left: 100%; 1301 | } 1302 | .col.med-pull-0 { 1303 | right: auto; 1304 | } 1305 | .col.med-pull-1 { 1306 | right: 8.3333%; 1307 | } 1308 | .col.med-pull-2 { 1309 | right: 16.6666%; 1310 | } 1311 | .col.med-pull-3 { 1312 | right: 25%; 1313 | } 1314 | .col.med-pull-4 { 1315 | right: 33.3333%; 1316 | } 1317 | .col.med-pull-5 { 1318 | right: 41.6666%; 1319 | } 1320 | .col.med-pull-6 { 1321 | right: 50%; 1322 | } 1323 | .col.med-pull-7 { 1324 | right: 58.3333%; 1325 | } 1326 | .col.med-pull-8 { 1327 | right: 66.6666%; 1328 | } 1329 | .col.med-pull-9 { 1330 | right: 75%; 1331 | } 1332 | .col.med-pull-10 { 1333 | right: 83.3333%; 1334 | } 1335 | .col.med-pull-11 { 1336 | right: 91.6666%; 1337 | } 1338 | .col.med-pull-12 { 1339 | right: 100%; 1340 | } 1341 | .col.med-offset-0 { 1342 | margin-left: 0; 1343 | } 1344 | .col.med-offset-1 { 1345 | margin-left: 8.3333%; 1346 | } 1347 | .col.med-offset-2 { 1348 | margin-left: 16.6666%; 1349 | } 1350 | .col.med-offset-3 { 1351 | margin-left: 25%; 1352 | } 1353 | .col.med-offset-4 { 1354 | margin-left: 33.3333%; 1355 | } 1356 | .col.med-offset-5 { 1357 | margin-left: 41.6666%; 1358 | } 1359 | .col.med-offset-6 { 1360 | margin-left: 50%; 1361 | } 1362 | .col.med-offset-7 { 1363 | margin-left: 58.3333%; 1364 | } 1365 | .col.med-offset-8 { 1366 | margin-left: 66.6666%; 1367 | } 1368 | .col.med-offset-9 { 1369 | margin-left: 75%; 1370 | } 1371 | .col.med-offset-10 { 1372 | margin-left: 83.3333%; 1373 | } 1374 | .col.med-offset-11 { 1375 | margin-left: 91.6666%; 1376 | } 1377 | .col.med-offset-12 { 1378 | margin-left: 100%; 1379 | } 1380 | .col.med-centered { 1381 | float: none; 1382 | margin-left: auto; 1383 | margin-right: auto; 1384 | } 1385 | .col.med-uncentered { 1386 | float: left; 1387 | } 1388 | .med-h1 { 1389 | font-size: 2.5rem; 1390 | } 1391 | .med-h2 { 1392 | font-size: 2rem; 1393 | } 1394 | .med-h3 { 1395 | font-size: 1.67rem; 1396 | } 1397 | .med-h4 { 1398 | font-size: 1.5rem; 1399 | } 1400 | .med-h5 { 1401 | font-size: 1.33rem; 1402 | } 1403 | .med-h6 { 1404 | font-size: 1.17rem; 1405 | } 1406 | .med-text-left { 1407 | text-align: left; 1408 | } 1409 | .med-text-center { 1410 | text-align: center; 1411 | } 1412 | .med-text-right { 1413 | text-align: right; 1414 | } 1415 | .med-text-justify { 1416 | text-align: justify; 1417 | } 1418 | .med-float-left { 1419 | float: left; 1420 | } 1421 | .med-float-center { 1422 | margin-left: auto; 1423 | margin-right: auto; 1424 | } 1425 | .med-float-right { 1426 | float: right; 1427 | } 1428 | .med-float-none { 1429 | float: none; 1430 | } 1431 | .med-show { 1432 | display: initial; 1433 | } 1434 | .med-hide { 1435 | display: none; 1436 | } 1437 | .med-full-width { 1438 | width: 100%; 1439 | } 1440 | .med-width-auto { 1441 | width: auto; 1442 | } 1443 | .med-no-margin { 1444 | margin: 0; 1445 | } 1446 | .med-no-padding { 1447 | padding: 0; 1448 | } 1449 | } 1450 | 1451 | @media (min-width: 1200px) { 1452 | 1453 | .container { 1454 | padding-left: 3rem; 1455 | padding-right: 3rem; 1456 | } 1457 | .col.lrg-1, 1458 | .gallery.lrg-1 li { 1459 | width: 8.3333%; 1460 | } 1461 | .col.lrg-2, 1462 | .gallery.lrg-2 li { 1463 | width: 16.6666%; 1464 | } 1465 | .col.lrg-3, 1466 | .gallery.lrg-3 li { 1467 | width: 25%; 1468 | } 1469 | .col.lrg-4, 1470 | .gallery.lrg-4 li { 1471 | width: 33.3333%; 1472 | } 1473 | .col.lrg-5, 1474 | .gallery.lrg-5 li { 1475 | width: 41.6666%; 1476 | } 1477 | .col.lrg-6, 1478 | .gallery.lrg-6 li { 1479 | width: 50%; 1480 | } 1481 | .col.lrg-7, 1482 | .gallery.lrg-7 li { 1483 | width: 58.3333%; 1484 | } 1485 | .col.lrg-8, 1486 | .gallery.lrg-8 li { 1487 | width: 66.6666%; 1488 | } 1489 | .col.lrg-9, 1490 | .gallery.lrg-9 li { 1491 | width: 75%; 1492 | } 1493 | .col.lrg-10, 1494 | .gallery.lrg-10 li { 1495 | width: 83.3333%; 1496 | } 1497 | .col.lrg-11, 1498 | .gallery.lrg-11 li { 1499 | width: 91.6666%; 1500 | } 1501 | .col.lrg-12, 1502 | .gallery.lrg-12 li { 1503 | width: 100%; 1504 | } 1505 | .col.lrg-push-0 { 1506 | left: auto; 1507 | } 1508 | .col.lrg-push-1 { 1509 | left: 8.3333%; 1510 | } 1511 | .col.lrg-push-2 { 1512 | left: 16.6666%; 1513 | } 1514 | .col.lrg-push-3 { 1515 | left: 25%; 1516 | } 1517 | .col.lrg-push-4 { 1518 | left: 33.3333%; 1519 | } 1520 | .col.lrg-push-5 { 1521 | left: 41.6666%; 1522 | } 1523 | .col.lrg-push-6 { 1524 | left: 50%; 1525 | } 1526 | .col.lrg-push-7 { 1527 | left: 58.3333%; 1528 | } 1529 | .col.lrg-push-8 { 1530 | left: 66.6666%; 1531 | } 1532 | .col.lrg-push-9 { 1533 | left: 75%; 1534 | } 1535 | .col.lrg-push-10 { 1536 | left: 83.3333%; 1537 | } 1538 | .col.lrg-push-11 { 1539 | left: 91.6666%; 1540 | } 1541 | .col.lrg-push-12 { 1542 | left: 100%; 1543 | } 1544 | .col.lrg-pull-0 { 1545 | right: auto; 1546 | } 1547 | .col.lrg-pull-1 { 1548 | right: 8.3333%; 1549 | } 1550 | .col.lrg-pull-2 { 1551 | right: 16.6666%; 1552 | } 1553 | .col.lrg-pull-3 { 1554 | right: 25%; 1555 | } 1556 | .col.lrg-pull-4 { 1557 | right: 33.3333%; 1558 | } 1559 | .col.lrg-pull-5 { 1560 | right: 41.6666%; 1561 | } 1562 | .col.lrg-pull-6 { 1563 | right: 50%; 1564 | } 1565 | .col.lrg-pull-7 { 1566 | right: 58.3333%; 1567 | } 1568 | .col.lrg-pull-8 { 1569 | right: 66.6666%; 1570 | } 1571 | .col.lrg-pull-9 { 1572 | right: 75%; 1573 | } 1574 | .col.lrg-pull-10 { 1575 | right: 83.3333%; 1576 | } 1577 | .col.lrg-pull-11 { 1578 | right: 91.6666%; 1579 | } 1580 | .col.lrg-pull-12 { 1581 | right: 100%; 1582 | } 1583 | .col.lrg-offset-0 { 1584 | margin-left: 0; 1585 | } 1586 | .col.lrg-offset-1 { 1587 | margin-left: 8.3333%; 1588 | } 1589 | .col.lrg-offset-2 { 1590 | margin-left: 16.6666%; 1591 | } 1592 | .col.lrg-offset-3 { 1593 | margin-left: 25%; 1594 | } 1595 | .col.lrg-offset-4 { 1596 | margin-left: 33.3333%; 1597 | } 1598 | .col.lrg-offset-5 { 1599 | margin-left: 41.6666%; 1600 | } 1601 | .col.lrg-offset-6 { 1602 | margin-left: 50%; 1603 | } 1604 | .col.lrg-offset-7 { 1605 | margin-left: 58.3333%; 1606 | } 1607 | .col.lrg-offset-8 { 1608 | margin-left: 66.6666%; 1609 | } 1610 | .col.lrg-offset-9 { 1611 | margin-left: 75%; 1612 | } 1613 | .col.lrg-offset-10 { 1614 | margin-left: 83.3333%; 1615 | } 1616 | .col.lrg-offset-11 { 1617 | margin-left: 91.6666%; 1618 | } 1619 | .col.lrg-offset-12 { 1620 | margin-left: 100%; 1621 | } 1622 | .col.lrg-centered { 1623 | float: none; 1624 | margin-left: auto; 1625 | margin-right: auto; 1626 | } 1627 | .col.lrg-uncentered { 1628 | float: left; 1629 | } 1630 | .lrg-h1 { 1631 | font-size: 2.5rem; 1632 | } 1633 | .lrg-h2 { 1634 | font-size: 2rem; 1635 | } 1636 | .lrg-h3 { 1637 | font-size: 1.67rem; 1638 | } 1639 | .lrg-h4 { 1640 | font-size: 1.5rem; 1641 | } 1642 | .lrg-h5 { 1643 | font-size: 1.33rem; 1644 | } 1645 | .lrg-h6 { 1646 | font-size: 1.17rem; 1647 | } 1648 | .lrg-text-left { 1649 | text-align: left; 1650 | } 1651 | .lrg-text-center { 1652 | text-align: center; 1653 | } 1654 | .lrg-text-right { 1655 | text-align: right; 1656 | } 1657 | .lrg-text-justify { 1658 | text-align: justify; 1659 | } 1660 | .lrg-float-left { 1661 | float: left; 1662 | } 1663 | .lrg-float-center { 1664 | margin-left: auto; 1665 | margin-right: auto; 1666 | } 1667 | .lrg-float-right { 1668 | float: right; 1669 | } 1670 | .lrg-float-none { 1671 | float: none; 1672 | } 1673 | .lrg-show { 1674 | display: initial; 1675 | } 1676 | .lrg-hide { 1677 | display: none; 1678 | } 1679 | .lrg-full-width { 1680 | width: 100%; 1681 | } 1682 | .lrg-width-auto { 1683 | width: auto; 1684 | } 1685 | .lrg-no-margin { 1686 | margin: 0; 1687 | } 1688 | .lrg-no-padding { 1689 | padding: 0; 1690 | } 1691 | } 1692 | 1693 | @media print { 1694 | body { 1695 | padding: 0; 1696 | margin: 0; 1697 | } 1698 | header .sticky, 1699 | nav .nav, 1700 | aside, 1701 | #form { 1702 | display:none; 1703 | } 1704 | main .content { 1705 | width: 100% !important; 1706 | } 1707 | aside { 1708 | display: none; 1709 | } 1710 | form { 1711 | display: none; 1712 | } 1713 | } 1714 | -------------------------------------------------------------------------------- /plucss.min.css: -------------------------------------------------------------------------------- 1 | *,:after,:before{box-sizing:border-box}html{font-size:62.5%}body{font-family:sans-serif;font-size:1.5rem;line-height:1.5;margin:0}a{background:0 0}a:active,a:hover{outline:0}abbr{border-bottom:none;cursor:help;text-decoration:underline dotted}b,strong{font-weight:700}blockquote{font-style:italic}code,kbd,pre,samp{font-family:monospace;font-size:1.5rem}details,main,summary{display:block}dfn{font-style:italic}figure{margin:0}h1,h2,h3,h4,h5,h6{line-height:1;margin:3rem 0 1.5rem 0;font-weight:500}hr{height:0}img{border:0;height:auto;max-width:100%}pre{overflow:auto}progress{vertical-align:baseline}small{font-size:1.17rem}.sup,sub,sup{font-size:1.17rem;line-height:0;position:relative;vertical-align:baseline}.sup,sup{top:-.75rem}sub{bottom:-.75rem}svg:not(:root){overflow:hidden}fieldset{border:none;padding:0}legend{margin-bottom:1.5rem;padding:0}label{display:block;padding-bottom:.3rem}button,input,select,textarea{font:inherit;height:3rem;margin:0;outline:0;padding-left:.4rem;padding-right:.4rem;width:100%}button,input{overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}[type=button],[type=reset],[type=submit],button{border-color:transparent;cursor:pointer;padding-left:.7rem;padding-right:.7rem;width:auto}textarea{height:auto;overflow:auto}select{padding-left:.2rem;padding-right:0}optgroup{font-weight:700;font-style:normal}[type=checkbox],[type=radio]{height:auto;padding:0;width:auto}[type=file]{height:auto;padding:0}[disabled]:hover{cursor:not-allowed}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}tr{border-bottom:1px solid}td,th{height:3.5rem;padding-left:.7rem;padding-right:.7rem}body{color:#444}a{color:#258fd6;text-decoration:none}a:active,a:hover{color:#444;text-decoration:underline}cite:before{content:"— "}.h1,.h2,.h3,.h4,.h5,.h6,.s1,.s2,.s3,.s4,.s5,.s6{height:auto}.h1,.s1,h1{font-size:2.5rem}.h2,.s2,h2{font-size:2rem}.h3,.s3,h3{font-size:1.67rem}.h4,.s4,h4{font-size:1.5rem}.h5,.s5,h5{font-size:1.33rem}.h6,.s6,h6{font-size:1.17rem}.heading-large{font-size:8rem}.heading-medium{font-size:6.5rem}.heading-small{font-size:4rem}.text-blue{color:#258fd6}.text-green{color:#239c56}.text-orange{color:#da7418}.text-red{color:#e43d29}ul.inline-list{font-size:0;margin:1.5rem 0;padding-left:0}ul.inline-list li{display:inline-block;list-style-type:none;margin-left:.5rem;font-size:1.5rem}ul.inline-list li:first-child{margin-left:0}ul.unstyled-list{padding-left:0}ul.unstyled-list li{list-style-type:none}::-webkit-input-placeholder{font-style:italic;color:#999}::-moz-placeholder{font-style:italic;color:#999}:-ms-input-placeholder{font-style:italic;color:#999}:-moz-placeholder{font-style:italic;color:#999}tr{border-color:#bbb;transition-duration:.2s}tr:hover{background-color:#dbedf9;transition-duration:.2s}.scrollable-table{overflow:auto}form .col{margin-bottom:1.5rem}form.inline-form button,form.inline-form input,form.inline-form label,form.inline-form select,form.inline-form textarea{display:inline-block;width:auto}form .col.label-centered{margin-bottom:0}form .label-centered label{padding-top:.3rem}button,input,select,textarea{border:1px solid #bbb;border-radius:.3rem;transition-duration:.2s}input:focus,select:focus,textarea:focus{border:1px solid #258fd6;transition-duration:.2s}[type=file]{border:none}button,input[type=button],input[type=reset],input[type=submit]{background-color:#777;color:#fff;transition-duration:.2s}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#555;transition-duration:.2s}button[disabled],button[disabled]:hover,input[disabled],input[disabled]:hover,select[disabled],select[disabled]:hover,textarea[disabled],textarea[disabled]:hover{background-color:#ddd;color:#aaa}button.blue,input[type=button].blue,input[type=reset].blue,input[type=submit].blue{background-color:#258fd6;color:#eee}button.blue:hover,input[type=button].blue:hover,input[type=reset].blue:hover,input[type=submit].blue:hover{background-color:#1f77b1}button.green,input[type=button].green,input[type=reset].green,input[type=submit].green{background-color:#239c56;color:#eee}button.green:hover,input[type=button].green:hover,input[type=reset].green:hover,input[type=submit].green:hover{background-color:#1c7943}button.orange,input[type=button].orange,input[type=reset].orange,input[type=submit].orange{background-color:#da7418;color:#eee}button.orange:hover,input[type=button].orange:hover,input[type=reset].orange:hover,input[type=submit].orange:hover{background-color:#b46014}button.red,input[type=button].red,input[type=reset].red,input[type=submit].red{background-color:#e43d29;color:#eee}button.red:hover,input[type=button].red:hover,input[type=reset].red:hover,input[type=submit].red:hover{background-color:#bc2818}button.yellow,input[type=button].yellow,input[type=reset].yellow,input[type=submit].yellow{background-color:#e0a800;color:#eee}button.yellow:hover,input[type=button].yellow:hover,input[type=reset].yellow:hover,input[type=submit].yellow:hover{background-color:#d39e00}.menu{font-size:0;margin:0;padding-left:0}.menu li{display:inline-block;font-size:1.5rem;list-style-type:none;margin-left:1.5rem}.menu li:first-child{margin-left:0}.menu li.active a{color:#444}.menu.vertical li{display:block;margin-left:0}.menu.expanded li{margin-left:0;transition-duration:.2s}.menu.expanded li:hover{border-radius:.3rem;background-color:#ddd;transition-duration:.2s}.menu.expanded li a{border-radius:.3rem;display:block;height:3.5rem;line-height:3.5rem;padding-left:.7rem;padding-right:.7rem}.menu.expanded li a:hover{text-decoration:none}.menu.breadcrumb li+li:before,.menu.expanded.breadcrumb>li+li a:before{content:"/"}.menu.breadcrumb li+li:before,.menu.expanded.breadcrumb>li+li a:before,.menu.expanded.breadcrumb>li+li:before{margin-right:.7rem}.menu.expanded.breadcrumb>li+li:before{content:none}.menu.expanded li.active a,.menu.expanded li.active:hover{background-color:#258fd6;color:#fff}.responsive-menu label{background-color:#444;color:#fff;cursor:pointer;text-align:center}#nav,.responsive-menu input[type=checkbox],.responsive-menu label{display:none}.responsive-menu label{height:3.5rem;line-height:3.5rem;padding-left:.7rem;padding-right:.7rem}#nav:checked+ul#responsive-menu,.responsive-menu input[type=checkbox]:checked+ul{display:block}@media (max-width:767px){.responsive-menu{left:0;right:0}.responsive-menu ul{display:none}.responsive-menu label,.responsive-menu ul li{display:block;margin-left:0}.responsive-menu ul li:hover{background-color:#ddd}.responsive-menu ul li a{display:block;height:3.5rem;line-height:3.5rem;padding-left:.7rem;padding-right:.7rem}.responsive-menu ul li a:hover{text-decoration:none}.responsive-menu .menu.breadcrumb li+li:before,.responsive-menu .menu.expanded.breadcrumb>li+li a:before{content:none}.responsive-menu ul li.active a,.responsive-menu ul li.active:hover{background-color:#258fd6;color:#fff}}.pagination{margin:0;padding:0;width:100%}.pagination ul,.pagination ul ul{display:inline-block;margin:0;padding:0}.pagination li,.pagination li li{display:inline-block;font-size:1.5rem;list-style-type:none;margin:10px;cursor:pointer}.pagination li.active a{color:red}.pagination li.disabled a{color:#999}.pagination li.disabled a:hover{text-decoration:none}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:opacity .3s ease}.modal-container{width:450px;margin:40px auto 0;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-header{margin-top:0}.modal-body{margin:20px 0}.modal-footer{margin:20px 0;text-align:right}.modal-container button:hover{color:#333;background-color:transparent}.modal-btn-close{background:0 0;border:0;height:1rem;line-height:1rem;margin-left:.2rem;margin-right:-2px;padding:0 2px;text-decoration:none;width:1rem;color:#999}.modal-btn-close:after{display:inline-block;content:"\00d7"}.gallery{list-style:none;margin-left:-1.5rem;margin-right:-1.5rem;overflow:hidden;padding-left:0}.gallery li{float:left;padding:0 1.5rem 1.5rem 1.5rem}.alert{border-radius:.3rem;margin-bottom:1.5rem;padding:1.5rem}.alert a,.alert a:hover{color:inherit}.alert.blue{background-color:#dbedf9;color:#258fd6}.alert.green{background-color:#d3f5e2;color:#239c56}.alert.orange{background-color:#fbe8d9;color:#da7418}.alert.red{background-color:#fce4e2;color:#e43d29}.button{background-color:#777;border-radius:.3rem;color:#fff;padding:.9rem .7rem;transition-duration:.2s}.button:hover{background-color:#555;text-decoration:none;transition-duration:.2s}.button.blue{background-color:#258fd6;color:#eee}.button.blue:hover{background-color:#1f77b1}.button.green{background-color:#239c56;color:#eee}.button.green:hover{background-color:#1c7943}.button.orange{background-color:#da7418;color:#eee}.button.orange:hover{background-color:#b46014}.button.red{background-color:#e43d29;color:#eee}.button.red:hover{background-color:#bc2818}.button.yellow{background-color:#e0a800;color:#eee}.button.yellow:hover{background-color:#d39e00}.progress{background-color:#fff;border-radius:.3rem;border:1px solid #bbb;position:relative;width:100%}.progress span{background-color:#258fd6;border-radius:.3rem;color:#fff;display:block;height:3.5rem;line-height:3.5rem;min-width:2.2rem;overflow:hidden;position:relative;text-align:center}.progress span[style="width: 0%;"]{background:0 0;color:#444}.badge,.label{background-color:#258fd6;border-radius:.3rem;color:#fff;display:inline-block;margin-left:.4rem}.badge{line-height:1;padding:.2rem}.menu.expanded .active a .badge{background-color:#fff;color:#258fd6}.menu.vertical .badge{float:right}.menu.vertical.expanded .badge{margin-top:.8rem}.label{padding:.25rem .4rem}.frame{height:0;padding-top:56.25%;position:relative}.frame embed,.frame iframe,.frame object,.frame video{height:100%;left:0;position:absolute;top:0;width:100%}.img-circle{border-radius:50%}.img-rounded{border-radius:.3rem}a.tooltip{position:relative;display:inline}a.tooltip span{font-size:1.3rem;line-height:1.7rem;position:absolute;min-width:140px;color:#fff;background:#555;min-height:30px;text-align:center;visibility:hidden;border-radius:4px;opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}a.tooltip span:after{content:'';position:absolute;width:0;height:0}a:hover.tooltip span{visibility:visible;opacity:1;z-index:999}a.tooltip.tooltip-top span:after{top:100%;left:50%;margin-left:-8px;border-top:8px solid #555;border-right:8px solid transparent;border-left:8px solid transparent}a:hover.tooltip-top span{bottom:30px;left:50%;margin-left:-76px}a.tooltip.tooltip-right span:after{top:50%;right:100%;margin-top:-8px;border-right:8px solid #555;border-top:8px solid transparent;border-bottom:8px solid transparent}a:hover.tooltip-right span{left:100%;top:50%;margin-top:-15px;margin-left:15px}a.tooltip.tooltip-bottom span:after{bottom:100%;left:50%;margin-left:-8px;border-bottom:8px solid #555;border-right:8px solid transparent;border-left:8px solid transparent}a:hover.tooltip-bottom span{top:30px;left:50%;margin-left:-76px}a.tooltip.tooltip-left span:after{top:50%;left:100%;margin-top:-8px;border-left:8px solid #555;border-top:8px solid transparent;border-bottom:8px solid transparent}a:hover.tooltip-left span{right:100%;top:50%;margin-top:-15px;margin-right:15px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.float-left{float:left}.float-center{display:block;margin-left:auto;margin-right:auto}.float-right{float:right}.float-none{float:none}.show{display:initial}.hide{display:none}.full-width{width:100%}.width-auto{width:auto}.no-margin{margin:0}.no-padding{padding:0}.sticky{position:fixed;position:-webkit-sticky;position:sticky;top:0}.container{margin:0 auto;max-width:1280px;padding-left:1.5rem;padding-right:1.5rem;width:100%}.grid{overflow:hidden;margin-left:-1.5rem;margin-right:-1.5rem}.col{float:left;position:relative;min-height:1px;padding-left:1.5rem;padding-right:1.5rem;width:100%}.col.sml-1,.gallery.sml-1 li{width:8.3333%}.col.sml-2,.gallery.sml-2 li{width:16.6666%}.col.sml-3,.gallery.sml-3 li{width:25%}.col.sml-4,.gallery.sml-4 li{width:33.3333%}.col.sml-5,.gallery.sml-5 li{width:41.6666%}.col.sml-6,.gallery.sml-6 li{width:50%}.col.sml-7,.gallery.sml-7 li{width:58.3333%}.col.sml-8,.gallery.sml-8 li{width:66.6666%}.col.sml-9,.gallery.sml-9 li{width:75%}.col.sml-10,.gallery.sml-10 li{width:83.3333%}.col.sml-11,.gallery.sml-11 li{width:91.6666%}.col.sml-12,.gallery.sml-12 li{width:100%}.col.sml-push-0{left:auto}.col.sml-push-1{left:8.3333%}.col.sml-push-2{left:16.6666%}.col.sml-push-3{left:25%}.col.sml-push-4{left:33.3333%}.col.sml-push-5{left:41.6666%}.col.sml-push-6{left:50%}.col.sml-push-7{left:58.3333%}.col.sml-push-8{left:66.6666%}.col.sml-push-9{left:75%}.col.sml-push-10{left:83.3333%}.col.sml-push-11{left:91.6666%}.col.sml-push-12{left:100%}.col.sml-pull-0{right:auto}.col.sml-pull-1{right:8.3333%}.col.sml-pull-2{right:16.6666%}.col.sml-pull-3{right:25%}.col.sml-pull-4{right:33.3333%}.col.sml-pull-5{right:41.6666%}.col.sml-pull-6{right:50%}.col.sml-pull-7{right:58.3333%}.col.sml-pull-8{right:66.6666%}.col.sml-pull-9{right:75%}.col.sml-pull-10{right:83.3333%}.col.sml-pull-11{right:91.6666%}.col.sml-pull-12{right:100%}.col.sml-offset-0{margin-left:0}.col.sml-offset-1{margin-left:8.3333%}.col.sml-offset-2{margin-left:16.6666%}.col.sml-offset-3{margin-left:25%}.col.sml-offset-4{margin-left:33.3333%}.col.sml-offset-5{margin-left:41.6666%}.col.sml-offset-6{margin-left:50%}.col.sml-offset-7{margin-left:58.3333%}.col.sml-offset-8{margin-left:66.6666%}.col.sml-offset-9{margin-left:75%}.col.sml-offset-10{margin-left:83.3333%}.col.sml-offset-11{margin-left:91.6666%}.col.sml-offset-12{margin-left:100%}.col.sml-centered{float:none;margin-left:auto;margin-right:auto}.col.sml-uncentered{float:left}.sml-h1{font-size:2.5rem}.sml-h2{font-size:2rem}.sml-h3{font-size:1.67rem}.sml-h4{font-size:1.5rem}.sml-h5{font-size:1.33rem}.sml-h6{font-size:1.17rem}.sml-text-left{text-align:left}.sml-text-center{text-align:center}.sml-text-right{text-align:right}.sml-text-justify{text-align:justify}.sml-float-left{float:left}.sml-float-center{margin-left:auto;margin-right:auto}.sml-float-right{float:right}.sml-float-none{float:none}.sml-show{display:initial}.sml-hide{display:none}.sml-full-width{width:100%}.sml-width-auto{width:auto}.sml-no-margin{margin:0}.sml-no-padding{padding:0}@media (min-width:768px){.container{padding-left:2rem;padding-right:2rem}.col.med-1,.gallery.med-1 li{width:8.3333%}.col.med-2,.gallery.med-2 li{width:16.6666%}.col.med-3,.gallery.med-3 li{width:25%}.col.med-4,.gallery.med-4 li{width:33.3333%}.col.med-5,.gallery.med-5 li{width:41.6666%}.col.med-6,.gallery.med-6 li{width:50%}.col.med-7,.gallery.med-7 li{width:58.3333%}.col.med-8,.gallery.med-8 li{width:66.6666%}.col.med-9,.gallery.med-9 li{width:75%}.col.med-10,.gallery.med-10 li{width:83.3333%}.col.med-11,.gallery.med-11 li{width:91.6666%}.col.med-12,.gallery.med-12 li{width:100%}.col.med-push-0{left:auto}.col.med-push-1{left:8.3333%}.col.med-push-2{left:16.6666%}.col.med-push-3{left:25%}.col.med-push-4{left:33.3333%}.col.med-push-5{left:41.6666%}.col.med-push-6{left:50%}.col.med-push-7{left:58.3333%}.col.med-push-8{left:66.6666%}.col.med-push-9{left:75%}.col.med-push-10{left:83.3333%}.col.med-push-11{left:91.6666%}.col.med-push-12{left:100%}.col.med-pull-0{right:auto}.col.med-pull-1{right:8.3333%}.col.med-pull-2{right:16.6666%}.col.med-pull-3{right:25%}.col.med-pull-4{right:33.3333%}.col.med-pull-5{right:41.6666%}.col.med-pull-6{right:50%}.col.med-pull-7{right:58.3333%}.col.med-pull-8{right:66.6666%}.col.med-pull-9{right:75%}.col.med-pull-10{right:83.3333%}.col.med-pull-11{right:91.6666%}.col.med-pull-12{right:100%}.col.med-offset-0{margin-left:0}.col.med-offset-1{margin-left:8.3333%}.col.med-offset-2{margin-left:16.6666%}.col.med-offset-3{margin-left:25%}.col.med-offset-4{margin-left:33.3333%}.col.med-offset-5{margin-left:41.6666%}.col.med-offset-6{margin-left:50%}.col.med-offset-7{margin-left:58.3333%}.col.med-offset-8{margin-left:66.6666%}.col.med-offset-9{margin-left:75%}.col.med-offset-10{margin-left:83.3333%}.col.med-offset-11{margin-left:91.6666%}.col.med-offset-12{margin-left:100%}.col.med-centered{float:none;margin-left:auto;margin-right:auto}.col.med-uncentered{float:left}.med-h1{font-size:2.5rem}.med-h2{font-size:2rem}.med-h3{font-size:1.67rem}.med-h4{font-size:1.5rem}.med-h5{font-size:1.33rem}.med-h6{font-size:1.17rem}.med-text-left{text-align:left}.med-text-center{text-align:center}.med-text-right{text-align:right}.med-text-justify{text-align:justify}.med-float-left{float:left}.med-float-center{margin-left:auto;margin-right:auto}.med-float-right{float:right}.med-float-none{float:none}.med-show{display:initial}.med-hide{display:none}.med-full-width{width:100%}.med-width-auto{width:auto}.med-no-margin{margin:0}.med-no-padding{padding:0}}@media (min-width:1200px){.container{padding-left:3rem;padding-right:3rem}.col.lrg-1,.gallery.lrg-1 li{width:8.3333%}.col.lrg-2,.gallery.lrg-2 li{width:16.6666%}.col.lrg-3,.gallery.lrg-3 li{width:25%}.col.lrg-4,.gallery.lrg-4 li{width:33.3333%}.col.lrg-5,.gallery.lrg-5 li{width:41.6666%}.col.lrg-6,.gallery.lrg-6 li{width:50%}.col.lrg-7,.gallery.lrg-7 li{width:58.3333%}.col.lrg-8,.gallery.lrg-8 li{width:66.6666%}.col.lrg-9,.gallery.lrg-9 li{width:75%}.col.lrg-10,.gallery.lrg-10 li{width:83.3333%}.col.lrg-11,.gallery.lrg-11 li{width:91.6666%}.col.lrg-12,.gallery.lrg-12 li{width:100%}.col.lrg-push-0{left:auto}.col.lrg-push-1{left:8.3333%}.col.lrg-push-2{left:16.6666%}.col.lrg-push-3{left:25%}.col.lrg-push-4{left:33.3333%}.col.lrg-push-5{left:41.6666%}.col.lrg-push-6{left:50%}.col.lrg-push-7{left:58.3333%}.col.lrg-push-8{left:66.6666%}.col.lrg-push-9{left:75%}.col.lrg-push-10{left:83.3333%}.col.lrg-push-11{left:91.6666%}.col.lrg-push-12{left:100%}.col.lrg-pull-0{right:auto}.col.lrg-pull-1{right:8.3333%}.col.lrg-pull-2{right:16.6666%}.col.lrg-pull-3{right:25%}.col.lrg-pull-4{right:33.3333%}.col.lrg-pull-5{right:41.6666%}.col.lrg-pull-6{right:50%}.col.lrg-pull-7{right:58.3333%}.col.lrg-pull-8{right:66.6666%}.col.lrg-pull-9{right:75%}.col.lrg-pull-10{right:83.3333%}.col.lrg-pull-11{right:91.6666%}.col.lrg-pull-12{right:100%}.col.lrg-offset-0{margin-left:0}.col.lrg-offset-1{margin-left:8.3333%}.col.lrg-offset-2{margin-left:16.6666%}.col.lrg-offset-3{margin-left:25%}.col.lrg-offset-4{margin-left:33.3333%}.col.lrg-offset-5{margin-left:41.6666%}.col.lrg-offset-6{margin-left:50%}.col.lrg-offset-7{margin-left:58.3333%}.col.lrg-offset-8{margin-left:66.6666%}.col.lrg-offset-9{margin-left:75%}.col.lrg-offset-10{margin-left:83.3333%}.col.lrg-offset-11{margin-left:91.6666%}.col.lrg-offset-12{margin-left:100%}.col.lrg-centered{float:none;margin-left:auto;margin-right:auto}.col.lrg-uncentered{float:left}.lrg-h1{font-size:2.5rem}.lrg-h2{font-size:2rem}.lrg-h3{font-size:1.67rem}.lrg-h4{font-size:1.5rem}.lrg-h5{font-size:1.33rem}.lrg-h6{font-size:1.17rem}.lrg-text-left{text-align:left}.lrg-text-center{text-align:center}.lrg-text-right{text-align:right}.lrg-text-justify{text-align:justify}.lrg-float-left{float:left}.lrg-float-center{margin-left:auto;margin-right:auto}.lrg-float-right{float:right}.lrg-float-none{float:none}.lrg-show{display:initial}.lrg-hide{display:none}.lrg-full-width{width:100%}.lrg-width-auto{width:auto}.lrg-no-margin{margin:0}.lrg-no-padding{padding:0}}@media print{body{padding:0;margin:0}#form,aside,header .sticky,nav .nav{display:none}main .content{width:100%!important}aside{display:none}form{display:none}} --------------------------------------------------------------------------------