Changeset 96338 in spip-zone


Ignore:
Timestamp:
Mar 30, 2016, 6:39:49 PM (5 years ago)
Author:
p@…
Message:

Foundation 6.2

Location:
_plugins_/foundation_6/trunk
Files:
5 added
4 deleted
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/foundation_6/trunk/inclure/head-foundation.html

    r96272 r96338  
    11[(#REM) Inclusion des fichier Javascript si la config le permet ]
    22[(#CONFIG{foundation_6/javascript}|oui)
    3 [<script src="(#CHEMIN{lib/foundation-6/js/foundation.js})" type="text/javascript"></script>]
     3[<script src="(#CHEMIN{lib/foundation-6/js/vendor/foundation.js})" type="text/javascript"></script>]
    44<script type="text/javascript">
    55  // Charger les scripts foundations
    66  $(function () {
    7         $.getScript("[(#CHEMIN{bower_components/what-input/what-input.min.js}|timestamp)]");
     7        $.getScript("[(#CHEMIN{lib/foundation-6/js/vendorwhat-input.min.js}|timestamp)]");
    88        $.getScript("[(#CHEMIN{javascript/app.js}|timestamp)]");
    99  });
  • _plugins_/foundation_6/trunk/lib/foundation-6/css/foundation.css

    r94957 r96338  
    22/**
    33 * Foundation for Sites by ZURB
    4  * Version 6.1.2
     4 * Version 6.2.0
    55 * foundation.zurb.com
    66 * Licensed under MIT Open Source
    77 */
    8 .slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave {
    9   transition-duration: 500ms;
    10   transition-timing-function: linear; }
    11 
    12 .slide-in-down.mui-enter {
    13   -webkit-transform: translateY(-100%);
    14       -ms-transform: translateY(-100%);
    15           transform: translateY(-100%);
    16   transition-property: -webkit-transform, opacity;
    17   transition-property: transform, opacity;
    18   -webkit-backface-visibility: hidden;
    19           backface-visibility: hidden; }
    20 
    21 .slide-in-down.mui-enter.mui-enter-active {
    22   -webkit-transform: translateY(0);
    23       -ms-transform: translateY(0);
    24           transform: translateY(0); }
    25 
    26 .slide-in-left.mui-enter {
    27   -webkit-transform: translateX(-100%);
    28       -ms-transform: translateX(-100%);
    29           transform: translateX(-100%);
    30   transition-property: -webkit-transform, opacity;
    31   transition-property: transform, opacity;
    32   -webkit-backface-visibility: hidden;
    33           backface-visibility: hidden; }
    34 
    35 .slide-in-left.mui-enter.mui-enter-active {
    36   -webkit-transform: translateX(0);
    37       -ms-transform: translateX(0);
    38           transform: translateX(0); }
    39 
    40 .slide-in-up.mui-enter {
    41   -webkit-transform: translateY(100%);
    42       -ms-transform: translateY(100%);
    43           transform: translateY(100%);
    44   transition-property: -webkit-transform, opacity;
    45   transition-property: transform, opacity;
    46   -webkit-backface-visibility: hidden;
    47           backface-visibility: hidden; }
    48 
    49 .slide-in-up.mui-enter.mui-enter-active {
    50   -webkit-transform: translateY(0);
    51       -ms-transform: translateY(0);
    52           transform: translateY(0); }
    53 
    54 .slide-in-right.mui-enter {
    55   -webkit-transform: translateX(100%);
    56       -ms-transform: translateX(100%);
    57           transform: translateX(100%);
    58   transition-property: -webkit-transform, opacity;
    59   transition-property: transform, opacity;
    60   -webkit-backface-visibility: hidden;
    61           backface-visibility: hidden; }
    62 
    63 .slide-in-right.mui-enter.mui-enter-active {
    64   -webkit-transform: translateX(0);
    65       -ms-transform: translateX(0);
    66           transform: translateX(0); }
    67 
    68 .slide-out-down.mui-leave {
    69   -webkit-transform: translateY(0);
    70       -ms-transform: translateY(0);
    71           transform: translateY(0);
    72   transition-property: -webkit-transform, opacity;
    73   transition-property: transform, opacity;
    74   -webkit-backface-visibility: hidden;
    75           backface-visibility: hidden; }
    76 
    77 .slide-out-down.mui-leave.mui-leave-active {
    78   -webkit-transform: translateY(-100%);
    79       -ms-transform: translateY(-100%);
    80           transform: translateY(-100%); }
    81 
    82 .slide-out-right.mui-leave {
    83   -webkit-transform: translateX(0);
    84       -ms-transform: translateX(0);
    85           transform: translateX(0);
    86   transition-property: -webkit-transform, opacity;
    87   transition-property: transform, opacity;
    88   -webkit-backface-visibility: hidden;
    89           backface-visibility: hidden; }
    90 
    91 .slide-out-right.mui-leave.mui-leave-active {
    92   -webkit-transform: translateX(100%);
    93       -ms-transform: translateX(100%);
    94           transform: translateX(100%); }
    95 
    96 .slide-out-up.mui-leave {
    97   -webkit-transform: translateY(0);
    98       -ms-transform: translateY(0);
    99           transform: translateY(0);
    100   transition-property: -webkit-transform, opacity;
    101   transition-property: transform, opacity;
    102   -webkit-backface-visibility: hidden;
    103           backface-visibility: hidden; }
    104 
    105 .slide-out-up.mui-leave.mui-leave-active {
    106   -webkit-transform: translateY(-100%);
    107       -ms-transform: translateY(-100%);
    108           transform: translateY(-100%); }
    109 
    110 .slide-out-left.mui-leave {
    111   -webkit-transform: translateX(0);
    112       -ms-transform: translateX(0);
    113           transform: translateX(0);
    114   transition-property: -webkit-transform, opacity;
    115   transition-property: transform, opacity;
    116   -webkit-backface-visibility: hidden;
    117           backface-visibility: hidden; }
    118 
    119 .slide-out-left.mui-leave.mui-leave-active {
    120   -webkit-transform: translateX(-100%);
    121       -ms-transform: translateX(-100%);
    122           transform: translateX(-100%); }
    123 
    124 .fade-in.mui-enter {
    125   opacity: 0;
    126   transition-property: opacity; }
    127 
    128 .fade-in.mui-enter.mui-enter-active {
    129   opacity: 1; }
    130 
    131 .fade-out.mui-leave {
    132   opacity: 1;
    133   transition-property: opacity; }
    134 
    135 .fade-out.mui-leave.mui-leave-active {
    136   opacity: 0; }
    137 
    138 .hinge-in-from-top.mui-enter {
    139   -webkit-transform: perspective(2000px) rotateX(-90deg);
    140           transform: perspective(2000px) rotateX(-90deg);
    141   -webkit-transform-origin: top;
    142       -ms-transform-origin: top;
    143           transform-origin: top;
    144   transition-property: -webkit-transform, opacity;
    145   transition-property: transform, opacity;
    146   opacity: 0; }
    147 
    148 .hinge-in-from-top.mui-enter.mui-enter-active {
    149   -webkit-transform: perspective(2000px) rotate(0deg);
    150           transform: perspective(2000px) rotate(0deg);
    151   opacity: 1; }
    152 
    153 .hinge-in-from-right.mui-enter {
    154   -webkit-transform: perspective(2000px) rotateY(-90deg);
    155           transform: perspective(2000px) rotateY(-90deg);
    156   -webkit-transform-origin: right;
    157       -ms-transform-origin: right;
    158           transform-origin: right;
    159   transition-property: -webkit-transform, opacity;
    160   transition-property: transform, opacity;
    161   opacity: 0; }
    162 
    163 .hinge-in-from-right.mui-enter.mui-enter-active {
    164   -webkit-transform: perspective(2000px) rotate(0deg);
    165           transform: perspective(2000px) rotate(0deg);
    166   opacity: 1; }
    167 
    168 .hinge-in-from-bottom.mui-enter {
    169   -webkit-transform: perspective(2000px) rotateX(90deg);
    170           transform: perspective(2000px) rotateX(90deg);
    171   -webkit-transform-origin: bottom;
    172       -ms-transform-origin: bottom;
    173           transform-origin: bottom;
    174   transition-property: -webkit-transform, opacity;
    175   transition-property: transform, opacity;
    176   opacity: 0; }
    177 
    178 .hinge-in-from-bottom.mui-enter.mui-enter-active {
    179   -webkit-transform: perspective(2000px) rotate(0deg);
    180           transform: perspective(2000px) rotate(0deg);
    181   opacity: 1; }
    182 
    183 .hinge-in-from-left.mui-enter {
    184   -webkit-transform: perspective(2000px) rotateY(90deg);
    185           transform: perspective(2000px) rotateY(90deg);
    186   -webkit-transform-origin: left;
    187       -ms-transform-origin: left;
    188           transform-origin: left;
    189   transition-property: -webkit-transform, opacity;
    190   transition-property: transform, opacity;
    191   opacity: 0; }
    192 
    193 .hinge-in-from-left.mui-enter.mui-enter-active {
    194   -webkit-transform: perspective(2000px) rotate(0deg);
    195           transform: perspective(2000px) rotate(0deg);
    196   opacity: 1; }
    197 
    198 .hinge-in-from-middle-x.mui-enter {
    199   -webkit-transform: perspective(2000px) rotateX(-90deg);
    200           transform: perspective(2000px) rotateX(-90deg);
    201   -webkit-transform-origin: center;
    202       -ms-transform-origin: center;
    203           transform-origin: center;
    204   transition-property: -webkit-transform, opacity;
    205   transition-property: transform, opacity;
    206   opacity: 0; }
    207 
    208 .hinge-in-from-middle-x.mui-enter.mui-enter-active {
    209   -webkit-transform: perspective(2000px) rotate(0deg);
    210           transform: perspective(2000px) rotate(0deg);
    211   opacity: 1; }
    212 
    213 .hinge-in-from-middle-y.mui-enter {
    214   -webkit-transform: perspective(2000px) rotateY(-90deg);
    215           transform: perspective(2000px) rotateY(-90deg);
    216   -webkit-transform-origin: center;
    217       -ms-transform-origin: center;
    218           transform-origin: center;
    219   transition-property: -webkit-transform, opacity;
    220   transition-property: transform, opacity;
    221   opacity: 0; }
    222 
    223 .hinge-in-from-middle-y.mui-enter.mui-enter-active {
    224   -webkit-transform: perspective(2000px) rotate(0deg);
    225           transform: perspective(2000px) rotate(0deg);
    226   opacity: 1; }
    227 
    228 .hinge-out-from-top.mui-leave {
    229   -webkit-transform: perspective(2000px) rotate(0deg);
    230           transform: perspective(2000px) rotate(0deg);
    231   -webkit-transform-origin: top;
    232       -ms-transform-origin: top;
    233           transform-origin: top;
    234   transition-property: -webkit-transform, opacity;
    235   transition-property: transform, opacity;
    236   opacity: 1; }
    237 
    238 .hinge-out-from-top.mui-leave.mui-leave-active {
    239   -webkit-transform: perspective(2000px) rotateX(-90deg);
    240           transform: perspective(2000px) rotateX(-90deg);
    241   opacity: 0; }
    242 
    243 .hinge-out-from-right.mui-leave {
    244   -webkit-transform: perspective(2000px) rotate(0deg);
    245           transform: perspective(2000px) rotate(0deg);
    246   -webkit-transform-origin: right;
    247       -ms-transform-origin: right;
    248           transform-origin: right;
    249   transition-property: -webkit-transform, opacity;
    250   transition-property: transform, opacity;
    251   opacity: 1; }
    252 
    253 .hinge-out-from-right.mui-leave.mui-leave-active {
    254   -webkit-transform: perspective(2000px) rotateY(-90deg);
    255           transform: perspective(2000px) rotateY(-90deg);
    256   opacity: 0; }
    257 
    258 .hinge-out-from-bottom.mui-leave {
    259   -webkit-transform: perspective(2000px) rotate(0deg);
    260           transform: perspective(2000px) rotate(0deg);
    261   -webkit-transform-origin: bottom;
    262       -ms-transform-origin: bottom;
    263           transform-origin: bottom;
    264   transition-property: -webkit-transform, opacity;
    265   transition-property: transform, opacity;
    266   opacity: 1; }
    267 
    268 .hinge-out-from-bottom.mui-leave.mui-leave-active {
    269   -webkit-transform: perspective(2000px) rotateX(90deg);
    270           transform: perspective(2000px) rotateX(90deg);
    271   opacity: 0; }
    272 
    273 .hinge-out-from-left.mui-leave {
    274   -webkit-transform: perspective(2000px) rotate(0deg);
    275           transform: perspective(2000px) rotate(0deg);
    276   -webkit-transform-origin: left;
    277       -ms-transform-origin: left;
    278           transform-origin: left;
    279   transition-property: -webkit-transform, opacity;
    280   transition-property: transform, opacity;
    281   opacity: 1; }
    282 
    283 .hinge-out-from-left.mui-leave.mui-leave-active {
    284   -webkit-transform: perspective(2000px) rotateY(90deg);
    285           transform: perspective(2000px) rotateY(90deg);
    286   opacity: 0; }
    287 
    288 .hinge-out-from-middle-x.mui-leave {
    289   -webkit-transform: perspective(2000px) rotate(0deg);
    290           transform: perspective(2000px) rotate(0deg);
    291   -webkit-transform-origin: center;
    292       -ms-transform-origin: center;
    293           transform-origin: center;
    294   transition-property: -webkit-transform, opacity;
    295   transition-property: transform, opacity;
    296   opacity: 1; }
    297 
    298 .hinge-out-from-middle-x.mui-leave.mui-leave-active {
    299   -webkit-transform: perspective(2000px) rotateX(-90deg);
    300           transform: perspective(2000px) rotateX(-90deg);
    301   opacity: 0; }
    302 
    303 .hinge-out-from-middle-y.mui-leave {
    304   -webkit-transform: perspective(2000px) rotate(0deg);
    305           transform: perspective(2000px) rotate(0deg);
    306   -webkit-transform-origin: center;
    307       -ms-transform-origin: center;
    308           transform-origin: center;
    309   transition-property: -webkit-transform, opacity;
    310   transition-property: transform, opacity;
    311   opacity: 1; }
    312 
    313 .hinge-out-from-middle-y.mui-leave.mui-leave-active {
    314   -webkit-transform: perspective(2000px) rotateY(-90deg);
    315           transform: perspective(2000px) rotateY(-90deg);
    316   opacity: 0; }
    317 
    318 .scale-in-up.mui-enter {
    319   -webkit-transform: scale(0.5);
    320       -ms-transform: scale(0.5);
    321           transform: scale(0.5);
    322   transition-property: -webkit-transform, opacity;
    323   transition-property: transform, opacity;
    324   opacity: 0; }
    325 
    326 .scale-in-up.mui-enter.mui-enter-active {
    327   -webkit-transform: scale(1);
    328       -ms-transform: scale(1);
    329           transform: scale(1);
    330   opacity: 1; }
    331 
    332 .scale-in-down.mui-enter {
    333   -webkit-transform: scale(1.5);
    334       -ms-transform: scale(1.5);
    335           transform: scale(1.5);
    336   transition-property: -webkit-transform, opacity;
    337   transition-property: transform, opacity;
    338   opacity: 0; }
    339 
    340 .scale-in-down.mui-enter.mui-enter-active {
    341   -webkit-transform: scale(1);
    342       -ms-transform: scale(1);
    343           transform: scale(1);
    344   opacity: 1; }
    345 
    346 .scale-out-up.mui-leave {
    347   -webkit-transform: scale(1);
    348       -ms-transform: scale(1);
    349           transform: scale(1);
    350   transition-property: -webkit-transform, opacity;
    351   transition-property: transform, opacity;
    352   opacity: 1; }
    353 
    354 .scale-out-up.mui-leave.mui-leave-active {
    355   -webkit-transform: scale(1.5);
    356       -ms-transform: scale(1.5);
    357           transform: scale(1.5);
    358   opacity: 0; }
    359 
    360 .scale-out-down.mui-leave {
    361   -webkit-transform: scale(1);
    362       -ms-transform: scale(1);
    363           transform: scale(1);
    364   transition-property: -webkit-transform, opacity;
    365   transition-property: transform, opacity;
    366   opacity: 1; }
    367 
    368 .scale-out-down.mui-leave.mui-leave-active {
    369   -webkit-transform: scale(0.5);
    370       -ms-transform: scale(0.5);
    371           transform: scale(0.5);
    372   opacity: 0; }
    373 
    374 .spin-in.mui-enter {
    375   -webkit-transform: rotate(-0.75turn);
    376       -ms-transform: rotate(-0.75turn);
    377           transform: rotate(-0.75turn);
    378   transition-property: -webkit-transform, opacity;
    379   transition-property: transform, opacity;
    380   opacity: 0; }
    381 
    382 .spin-in.mui-enter.mui-enter-active {
    383   -webkit-transform: rotate(0);
    384       -ms-transform: rotate(0);
    385           transform: rotate(0);
    386   opacity: 1; }
    387 
    388 .spin-out.mui-leave {
    389   -webkit-transform: rotate(0);
    390       -ms-transform: rotate(0);
    391           transform: rotate(0);
    392   transition-property: -webkit-transform, opacity;
    393   transition-property: transform, opacity;
    394   opacity: 1; }
    395 
    396 .spin-out.mui-leave.mui-leave-active {
    397   -webkit-transform: rotate(0.75turn);
    398       -ms-transform: rotate(0.75turn);
    399           transform: rotate(0.75turn);
    400   opacity: 0; }
    401 
    402 .spin-in-ccw.mui-enter {
    403   -webkit-transform: rotate(0.75turn);
    404       -ms-transform: rotate(0.75turn);
    405           transform: rotate(0.75turn);
    406   transition-property: -webkit-transform, opacity;
    407   transition-property: transform, opacity;
    408   opacity: 0; }
    409 
    410 .spin-in-ccw.mui-enter.mui-enter-active {
    411   -webkit-transform: rotate(0);
    412       -ms-transform: rotate(0);
    413           transform: rotate(0);
    414   opacity: 1; }
    415 
    416 .spin-out-ccw.mui-leave {
    417   -webkit-transform: rotate(0);
    418       -ms-transform: rotate(0);
    419           transform: rotate(0);
    420   transition-property: -webkit-transform, opacity;
    421   transition-property: transform, opacity;
    422   opacity: 1; }
    423 
    424 .spin-out-ccw.mui-leave.mui-leave-active {
    425   -webkit-transform: rotate(-0.75turn);
    426       -ms-transform: rotate(-0.75turn);
    427           transform: rotate(-0.75turn);
    428   opacity: 0; }
    429 
    430 .slow {
    431   transition-duration: 750ms !important; }
    432 
    433 .fast {
    434   transition-duration: 250ms !important; }
    435 
    436 .linear {
    437   transition-timing-function: linear !important; }
    438 
    439 .ease {
    440   transition-timing-function: ease !important; }
    441 
    442 .ease-in {
    443   transition-timing-function: ease-in !important; }
    444 
    445 .ease-out {
    446   transition-timing-function: ease-out !important; }
    447 
    448 .ease-in-out {
    449   transition-timing-function: ease-in-out !important; }
    450 
    451 .bounce-in {
    452   transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
    453 
    454 .bounce-out {
    455   transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
    456 
    457 .bounce-in-out {
    458   transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
    459 
    460 .short-delay {
    461   transition-delay: 300ms !important; }
    462 
    463 .long-delay {
    464   transition-delay: 700ms !important; }
    465 
    466 .shake {
    467   -webkit-animation-name: shake-7;
    468           animation-name: shake-7; }
    469 
    470 @-webkit-keyframes shake-7 {
    471   0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    472     -webkit-transform: translateX(7%);
    473             transform: translateX(7%); }
    474   5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    475     -webkit-transform: translateX(-7%);
    476             transform: translateX(-7%); } }
    477 
    478 @keyframes shake-7 {
    479   0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    480     -webkit-transform: translateX(7%);
    481             transform: translateX(7%); }
    482   5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    483     -webkit-transform: translateX(-7%);
    484             transform: translateX(-7%); } }
    485 
    486 .spin-cw {
    487   -webkit-animation-name: spin-cw-1turn;
    488           animation-name: spin-cw-1turn; }
    489 
    490 @-webkit-keyframes spin-cw-1turn {
    491   0% {
    492     -webkit-transform: rotate(-1turn);
    493             transform: rotate(-1turn); }
    494   100% {
    495     -webkit-transform: rotate(0);
    496             transform: rotate(0); } }
    497 
    498 @keyframes spin-cw-1turn {
    499   0% {
    500     -webkit-transform: rotate(-1turn);
    501             transform: rotate(-1turn); }
    502   100% {
    503     -webkit-transform: rotate(0);
    504             transform: rotate(0); } }
    505 
    506 .spin-ccw {
    507   -webkit-animation-name: spin-cw-1turn;
    508           animation-name: spin-cw-1turn; }
    509 
    510 @keyframes spin-cw-1turn {
    511   0% {
    512     -webkit-transform: rotate(0);
    513             transform: rotate(0); }
    514   100% {
    515     -webkit-transform: rotate(1turn);
    516             transform: rotate(1turn); } }
    517 
    518 .wiggle {
    519   -webkit-animation-name: wiggle-7deg;
    520           animation-name: wiggle-7deg; }
    521 
    522 @-webkit-keyframes wiggle-7deg {
    523   40%, 50%, 60% {
    524     -webkit-transform: rotate(7deg);
    525             transform: rotate(7deg); }
    526   35%, 45%, 55%, 65% {
    527     -webkit-transform: rotate(-7deg);
    528             transform: rotate(-7deg); }
    529   0%, 30%, 70%, 100% {
    530     -webkit-transform: rotate(0);
    531             transform: rotate(0); } }
    532 
    533 @keyframes wiggle-7deg {
    534   40%, 50%, 60% {
    535     -webkit-transform: rotate(7deg);
    536             transform: rotate(7deg); }
    537   35%, 45%, 55%, 65% {
    538     -webkit-transform: rotate(-7deg);
    539             transform: rotate(-7deg); }
    540   0%, 30%, 70%, 100% {
    541     -webkit-transform: rotate(0);
    542             transform: rotate(0); } }
    543 
    544 .infinite {
    545   -webkit-animation-iteration-count: infinite;
    546           animation-iteration-count: infinite; }
    547 
    548 .slow {
    549   -webkit-animation-duration: 750ms !important;
    550           animation-duration: 750ms !important; }
    551 
    552 .fast {
    553   -webkit-animation-duration: 250ms !important;
    554           animation-duration: 250ms !important; }
    555 
    556 .linear {
    557   -webkit-animation-timing-function: linear !important;
    558           animation-timing-function: linear !important; }
    559 
    560 .ease {
    561   -webkit-animation-timing-function: ease !important;
    562           animation-timing-function: ease !important; }
    563 
    564 .ease-in {
    565   -webkit-animation-timing-function: ease-in !important;
    566           animation-timing-function: ease-in !important; }
    567 
    568 .ease-out {
    569   -webkit-animation-timing-function: ease-out !important;
    570           animation-timing-function: ease-out !important; }
    571 
    572 .ease-in-out {
    573   -webkit-animation-timing-function: ease-in-out !important;
    574           animation-timing-function: ease-in-out !important; }
    575 
    576 .bounce-in {
    577   -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    578           animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
    579 
    580 .bounce-out {
    581   -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    582           animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
    583 
    584 .bounce-in-out {
    585   -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    586           animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
    587 
    588 .short-delay {
    589   -webkit-animation-delay: 300ms !important;
    590           animation-delay: 300ms !important; }
    591 
    592 .long-delay {
    593   -webkit-animation-delay: 700ms !important;
    594           animation-delay: 700ms !important; }
    595 
    5968/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    5979/**
     
    958370
    959371*,
    960 *:before,
    961 *:after {
     372*::before,
     373*::after {
    962374  box-sizing: inherit; }
    963375
     
    968380  font-weight: normal;
    969381  line-height: 1.5;
    970   color: #222222;
     382  color: #0a0a0a;
    971383  background: #fefefe;
    972384  -webkit-font-smoothing: antialiased;
     
    983395  height: auto;
    984396  min-height: 50px;
    985   border-radius: 3px; }
     397  border-radius: 0; }
    986398
    987399select {
    988400  width: 100%;
    989   border-radius: 3px; }
     401  border-radius: 0; }
    990402
    991403#map_canvas img,
     
    1006418  padding: 0;
    1007419  border: 0;
    1008   border-radius: 3px;
     420  border-radius: 0;
    1009421  line-height: 1; }
     422  [data-whatinput='mouse'] button {
     423    outline: 0; }
    1010424
    1011425.is-visible {
     
    1016430
    1017431.row {
    1018   max-width: 62.5rem;
     432  max-width: 75rem;
    1019433  margin-left: auto;
    1020434  margin-right: auto; }
    1021435  .row::before, .row::after {
    1022436    content: ' ';
    1023     display: table; }
     437    display: table;
     438    flex-basis: 0;
     439    order: 1; }
    1024440  .row::after {
    1025441    clear: both; }
     
    1044460
    1045461.column, .columns {
     462  width: 100%;
     463  float: left;
    1046464  padding-left: 0.625rem;
    1047   padding-right: 0.625rem;
    1048   width: 100%;
    1049   float: left; }
     465  padding-right: 0.625rem; }
    1050466  @media screen and (min-width: 40em) {
    1051467    .column, .columns {
     
    17971213  font-weight: normal;
    17981214  font-style: normal;
    1799   color: #222222;
     1215  color: inherit;
    18001216  text-rendering: optimizeLegibility;
    18011217  margin-top: 0;
     
    18441260
    18451261a {
    1846   color: #2ba6cb;
     1262  color: #2199e8;
    18471263  text-decoration: none;
    18481264  line-height: inherit;
    18491265  cursor: pointer; }
    18501266  a:hover, a:focus {
    1851     color: #258faf; }
     1267    color: #1585cf; }
    18521268  a img {
    18531269    border: 0; }
    18541270
    18551271hr {
    1856   max-width: 62.5rem;
     1272  max-width: 75rem;
    18571273  height: 0;
    18581274  border-right: 0;
     
    19061322
    19071323abbr {
    1908   color: #222222;
     1324  color: #0a0a0a;
    19091325  cursor: help;
    19101326  border-bottom: 1px dotted #0a0a0a; }
     
    20161432  pre,
    20171433  blockquote {
    2018     border: 1px solid #999;
     1434    border: 1px solid #8a8a8a;
    20191435    page-break-inside: avoid; }
    20201436  thead {
     
    20451461  vertical-align: middle;
    20461462  border: 1px solid transparent;
    2047   border-radius: 3px;
     1463  border-radius: 0;
    20481464  padding: 0.85em 1em;
    20491465  margin: 0 0 1rem 0;
    20501466  font-size: 0.9rem;
    2051   background-color: #2ba6cb;
    2052   color: #fff; }
     1467  background-color: #2199e8;
     1468  color: #fefefe; }
    20531469  [data-whatinput='mouse'] .button {
    20541470    outline: 0; }
    20551471  .button:hover, .button:focus {
    2056     background-color: #258dad;
    2057     color: #fff; }
     1472    background-color: #1583cc;
     1473    color: #fefefe; }
    20581474  .button.tiny {
    20591475    font-size: 0.6rem; }
     
    20681484    margin-right: 0; }
    20691485  .button.primary {
    2070     background-color: #2ba6cb;
    2071     color: #fff; }
     1486    background-color: #2199e8;
     1487    color: #fefefe; }
    20721488    .button.primary:hover, .button.primary:focus {
    2073       background-color: #2285a2;
    2074       color: #fff; }
     1489      background-color: #147cc0;
     1490      color: #fefefe; }
    20751491  .button.secondary {
    2076     background-color: #e9e9e9;
    2077     color: #fff; }
     1492    background-color: #777;
     1493    color: #fefefe; }
    20781494    .button.secondary:hover, .button.secondary:focus {
    2079       background-color: #bababa;
    2080       color: #fff; }
     1495      background-color: #5f5f5f;
     1496      color: #fefefe; }
    20811497  .button.success {
    2082     background-color: #5da423;
    2083     color: #fff; }
     1498    background-color: #3adb76;
     1499    color: #fefefe; }
    20841500    .button.success:hover, .button.success:focus {
    2085       background-color: #4a831c;
    2086       color: #fff; }
    2087   .button.alert {
    2088     background-color: #c60f13;
    2089     color: #fff; }
    2090     .button.alert:hover, .button.alert:focus {
    2091       background-color: #9e0c0f;
    2092       color: #fff; }
     1501      background-color: #22bb5b;
     1502      color: #fefefe; }
    20931503  .button.warning {
    20941504    background-color: #ffae00;
    2095     color: #fff; }
     1505    color: #fefefe; }
    20961506    .button.warning:hover, .button.warning:focus {
    20971507      background-color: #cc8b00;
    2098       color: #fff; }
     1508      color: #fefefe; }
     1509  .button.alert {
     1510    background-color: #ec5840;
     1511    color: #fefefe; }
     1512    .button.alert:hover, .button.alert:focus {
     1513      background-color: #da3116;
     1514      color: #fefefe; }
    20991515  .button.hollow {
    2100     border: 1px solid #2ba6cb;
    2101     color: #2ba6cb; }
     1516    border: 1px solid #2199e8;
     1517    color: #2199e8; }
    21021518    .button.hollow, .button.hollow:hover, .button.hollow:focus {
    21031519      background-color: transparent; }
    21041520    .button.hollow:hover, .button.hollow:focus {
    2105       border-color: #165366;
    2106       color: #165366; }
     1521      border-color: #0c4d78;
     1522      color: #0c4d78; }
    21071523    .button.hollow.primary {
    2108       border: 1px solid #2ba6cb;
    2109       color: #2ba6cb; }
     1524      border: 1px solid #2199e8;
     1525      color: #2199e8; }
    21101526      .button.hollow.primary:hover, .button.hollow.primary:focus {
    2111         border-color: #165366;
    2112         color: #165366; }
     1527        border-color: #0c4d78;
     1528        color: #0c4d78; }
    21131529    .button.hollow.secondary {
    2114       border: 1px solid #e9e9e9;
    2115       color: #e9e9e9; }
     1530      border: 1px solid #777;
     1531      color: #777; }
    21161532      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
    2117         border-color: #757575;
    2118         color: #757575; }
     1533        border-color: #3c3c3c;
     1534        color: #3c3c3c; }
    21191535    .button.hollow.success {
    2120       border: 1px solid #5da423;
    2121       color: #5da423; }
     1536      border: 1px solid #3adb76;
     1537      color: #3adb76; }
    21221538      .button.hollow.success:hover, .button.hollow.success:focus {
    2123         border-color: #2f5212;
    2124         color: #2f5212; }
    2125     .button.hollow.alert {
    2126       border: 1px solid #c60f13;
    2127       color: #c60f13; }
    2128       .button.hollow.alert:hover, .button.hollow.alert:focus {
    2129         border-color: #63080a;
    2130         color: #63080a; }
     1539        border-color: #157539;
     1540        color: #157539; }
    21311541    .button.hollow.warning {
    21321542      border: 1px solid #ffae00;
     
    21351545        border-color: #805700;
    21361546        color: #805700; }
     1547    .button.hollow.alert {
     1548      border: 1px solid #ec5840;
     1549      color: #ec5840; }
     1550      .button.hollow.alert:hover, .button.hollow.alert:focus {
     1551        border-color: #881f0e;
     1552        color: #881f0e; }
    21371553  .button.disabled, .button[disabled] {
    21381554    opacity: 0.25;
     
    21561572    margin-left: 0;
    21571573    float: none;
    2158     top: 0.2em; }
     1574    top: -0.1em; }
    21591575
    21601576[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'],
     
    21721588  background-color: #fefefe;
    21731589  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    2174   border-radius: 3px;
     1590  border-radius: 0;
    21751591  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    21761592  -webkit-appearance: none;
     
    21891605    height: auto; }
    21901606
     1607input::placeholder,
     1608textarea::placeholder {
     1609  color: #cacaca; }
     1610
    21911611input:disabled, input[readonly],
    21921612textarea:disabled,
     
    21971617[type='submit'],
    21981618[type='button'] {
    2199   border-radius: 3px;
     1619  border-radius: 0;
    22001620  -webkit-appearance: none;
    22011621  -moz-appearance: none; }
     
    22161636  margin-bottom: 0;
    22171637  vertical-align: baseline; }
     1638  [type='checkbox'] + label[for],
     1639  [type='radio'] + label[for] {
     1640    cursor: pointer; }
    22181641
    22191642label > [type='checkbox'],
    2220 label > [type='label'] {
     1643label > [type='radio'] {
    22211644  margin-right: 0.5rem; }
    22221645
     
    22391662  font-size: 0.8125rem;
    22401663  font-style: italic;
    2241   color: #333; }
     1664  color: #0a0a0a; }
    22421665
    22431666.input-group {
     
    22461669  margin-bottom: 1rem; }
    22471670  .input-group > :first-child {
    2248     border-radius: 3px 0 0 3px; }
     1671    border-radius: 0 0 0 0; }
    22491672  .input-group > :last-child > * {
    2250     border-radius: 0 3px 3px 0; }
     1673    border-radius: 0 0 0 0; }
    22511674
    22521675.input-group-label, .input-group-field, .input-group-button {
     1676  margin: 0;
    22531677  display: table-cell;
    2254   margin: 0;
    22551678  vertical-align: middle; }
    22561679
    22571680.input-group-label {
    22581681  text-align: center;
    2259   width: 1%;
    2260   height: 100%;
    22611682  padding: 0 1rem;
    22621683  background: #e6e6e6;
    22631684  color: #0a0a0a;
    22641685  border: 1px solid #cacaca;
    2265   white-space: nowrap; }
     1686  white-space: nowrap;
     1687  width: 1%;
     1688  height: 100%; }
    22661689  .input-group-label:first-child {
    22671690    border-right: 0; }
     
    22741697
    22751698.input-group-button {
    2276   height: 100%;
    22771699  padding-top: 0;
    22781700  padding-bottom: 0;
    22791701  text-align: center;
     1702  height: 100%;
    22801703  width: 1%; }
    22811704  .input-group-button a,
     
    22831706  .input-group-button button {
    22841707    margin: 0; }
     1708
     1709.input-group .input-group-button {
     1710  display: table-cell; }
    22851711
    22861712fieldset {
     
    23131739  color: #0a0a0a;
    23141740  background-color: #fefefe;
    2315   border-radius: 3px;
     1741  border-radius: 0;
    23161742  -webkit-appearance: none;
    23171743  -moz-appearance: none;
    2318   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%2851, 51, 51%29"></polygon></svg>');
     1744  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>');
    23191745  background-size: 9px 6px;
    23201746  background-position: right center;
     
    23331759
    23341760.is-invalid-input:not(:focus) {
    2335   background-color: rgba(198, 15, 19, 0.1);
    2336   border-color: #c60f13; }
     1761  background-color: rgba(236, 88, 64, 0.1);
     1762  border-color: #ec5840; }
    23371763
    23381764.is-invalid-label {
    2339   color: #c60f13; }
     1765  color: #ec5840; }
    23401766
    23411767.form-error {
     
    23451771  font-size: 0.75rem;
    23461772  font-weight: bold;
    2347   color: #c60f13; }
     1773  color: #ec5840; }
    23481774  .form-error.is-visible {
    23491775    display: block; }
    2350 
    2351 .hide {
    2352   display: none !important; }
    2353 
    2354 .invisible {
    2355   visibility: hidden; }
    2356 
    2357 @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    2358   .hide-for-small-only {
    2359     display: none !important; } }
    2360 
    2361 @media screen and (max-width: 0em), screen and (min-width: 40em) {
    2362   .show-for-small-only {
    2363     display: none !important; } }
    2364 
    2365 @media screen and (min-width: 40em) {
    2366   .hide-for-medium {
    2367     display: none !important; } }
    2368 
    2369 @media screen and (max-width: 39.9375em) {
    2370   .show-for-medium {
    2371     display: none !important; } }
    2372 
    2373 @media screen and (min-width: 40em) and (max-width: 63.9375em) {
    2374   .hide-for-medium-only {
    2375     display: none !important; } }
    2376 
    2377 @media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
    2378   .show-for-medium-only {
    2379     display: none !important; } }
    2380 
    2381 @media screen and (min-width: 64em) {
    2382   .hide-for-large {
    2383     display: none !important; } }
    2384 
    2385 @media screen and (max-width: 63.9375em) {
    2386   .show-for-large {
    2387     display: none !important; } }
    2388 
    2389 @media screen and (min-width: 64em) and (max-width: 74.9375em) {
    2390   .hide-for-large-only {
    2391     display: none !important; } }
    2392 
    2393 @media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
    2394   .show-for-large-only {
    2395     display: none !important; } }
    2396 
    2397 .show-for-sr,
    2398 .show-on-focus {
    2399   position: absolute !important;
    2400   width: 1px;
    2401   height: 1px;
    2402   overflow: hidden;
    2403   clip: rect(0, 0, 0, 0); }
    2404 
    2405 .show-on-focus:active, .show-on-focus:focus {
    2406   position: static !important;
    2407   height: auto;
    2408   width: auto;
    2409   overflow: visible;
    2410   clip: auto; }
    2411 
    2412 .show-for-landscape,
    2413 .hide-for-portrait {
    2414   display: block !important; }
    2415   @media screen and (orientation: landscape) {
    2416     .show-for-landscape,
    2417     .hide-for-portrait {
    2418       display: block !important; } }
    2419   @media screen and (orientation: portrait) {
    2420     .show-for-landscape,
    2421     .hide-for-portrait {
    2422       display: none !important; } }
    2423 
    2424 .hide-for-landscape,
    2425 .show-for-portrait {
    2426   display: none !important; }
    2427   @media screen and (orientation: landscape) {
    2428     .hide-for-landscape,
    2429     .show-for-portrait {
    2430       display: none !important; } }
    2431   @media screen and (orientation: portrait) {
    2432     .hide-for-landscape,
    2433     .show-for-portrait {
    2434       display: block !important; } }
    2435 
    2436 .float-left {
    2437   float: left !important; }
    2438 
    2439 .float-right {
    2440   float: right !important; }
    2441 
    2442 .float-center {
    2443   display: block;
    2444   margin-left: auto;
    2445   margin-right: auto; }
    2446 
    2447 .clearfix::before, .clearfix::after {
    2448   content: ' ';
    2449   display: table; }
    2450 
    2451 .clearfix::after {
    2452   clear: both; }
    24531776
    24541777.accordion {
     
    24571780  border: 1px solid #e6e6e6;
    24581781  border-bottom: 0;
    2459   border-radius: 3px;
     1782  border-radius: 0;
    24601783  margin-left: 0; }
    24611784
     
    24651788  line-height: 1;
    24661789  font-size: 0.75rem;
    2467   color: #2ba6cb;
     1790  color: #2199e8;
    24681791  position: relative;
    24691792  border-bottom: 1px solid #e6e6e6; }
     
    24931816    height: 0;
    24941817    border: inset 6px;
    2495     border-color: #2ba6cb transparent transparent;
     1818    border-color: #2199e8 transparent transparent;
    24961819    border-top-style: solid;
    24971820    border-bottom-width: 0;
     
    25021825
    25031826.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    2504   -webkit-transform-origin: 50% 50%;
    2505       -ms-transform-origin: 50% 50%;
    2506           transform-origin: 50% 50%;
    2507   -webkit-transform: scaleY(-1);
    2508       -ms-transform: scaleY(-1);
    2509           transform: scaleY(-1); }
     1827  transform-origin: 50% 50%;
     1828  transform: scaleY(-1); }
    25101829
    25111830.badge {
     
    25161835  text-align: center;
    25171836  border-radius: 50%;
    2518   background: #2ba6cb;
     1837  background: #2199e8;
    25191838  color: #fefefe; }
    25201839  .badge.secondary {
    2521     background: #e9e9e9;
    2522     color: #0a0a0a; }
     1840    background: #777;
     1841    color: #fefefe; }
    25231842  .badge.success {
    2524     background: #5da423;
    2525     color: #fefefe; }
    2526   .badge.alert {
    2527     background: #c60f13;
     1843    background: #3adb76;
    25281844    color: #fefefe; }
    25291845  .badge.warning {
    25301846    background: #ffae00;
     1847    color: #fefefe; }
     1848  .badge.alert {
     1849    background: #ec5840;
    25311850    color: #fefefe; }
    25321851
     
    25361855  .breadcrumbs::before, .breadcrumbs::after {
    25371856    content: ' ';
    2538     display: table; }
     1857    display: table;
     1858    flex-basis: 0;
     1859    order: 1; }
    25391860  .breadcrumbs::after {
    25401861    clear: both; }
     
    25531874      opacity: 1; }
    25541875  .breadcrumbs a {
    2555     color: #2ba6cb; }
     1876    color: #2199e8; }
    25561877    .breadcrumbs a:hover {
    25571878      text-decoration: underline; }
     
    25611882.button-group {
    25621883  margin-bottom: 1rem;
    2563   font-size: 0.9rem; }
     1884  font-size: 0; }
    25641885  .button-group::before, .button-group::after {
    25651886    content: ' ';
    2566     display: table; }
     1887    display: table;
     1888    flex-basis: 0;
     1889    order: 1; }
    25671890  .button-group::after {
    25681891    clear: both; }
    25691892  .button-group .button {
    2570     float: left;
    25711893    margin: 0;
    2572     font-size: inherit; }
     1894    font-size: 0.9rem;
     1895    float: left; }
    25731896    .button-group .button:not(:last-child) {
    25741897      border-right: 1px solid #fefefe; }
    2575   .button-group.tiny {
     1898  .button-group.tiny .button {
    25761899    font-size: 0.6rem; }
    2577   .button-group.small {
     1900  .button-group.small .button {
    25781901    font-size: 0.75rem; }
    2579   .button-group.large {
     1902  .button-group.large .button {
    25801903    font-size: 1.25rem; }
    25811904  .button-group.expanded {
    2582     display: table;
    2583     table-layout: fixed;
    2584     width: 100%; }
     1905    margin-right: -1px; }
    25851906    .button-group.expanded::before, .button-group.expanded::after {
    25861907      display: none; }
    2587     .button-group.expanded .button {
    2588       display: table-cell;
    2589       float: none; }
     1908    .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
     1909      display: inline-block;
     1910      width: calc(50% - 1px);
     1911      margin-right: 1px; }
     1912    .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
     1913      display: inline-block;
     1914      width: calc(33.33333% - 1px);
     1915      margin-right: 1px; }
     1916    .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
     1917      display: inline-block;
     1918      width: calc(25% - 1px);
     1919      margin-right: 1px; }
     1920    .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
     1921      display: inline-block;
     1922      width: calc(20% - 1px);
     1923      margin-right: 1px; }
     1924    .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
     1925      display: inline-block;
     1926      width: calc(16.66667% - 1px);
     1927      margin-right: 1px; }
    25901928  .button-group.primary .button {
    2591     background-color: #2ba6cb;
     1929    background-color: #2199e8;
    25921930    color: #fefefe; }
    25931931    .button-group.primary .button:hover, .button-group.primary .button:focus {
    2594       background-color: #2285a2;
     1932      background-color: #147cc0;
    25951933      color: #fefefe; }
    25961934  .button-group.secondary .button {
    2597     background-color: #e9e9e9;
    2598     color: #0a0a0a; }
     1935    background-color: #777;
     1936    color: #fefefe; }
    25991937    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
    2600       background-color: #bababa;
    2601       color: #0a0a0a; }
     1938      background-color: #5f5f5f;
     1939      color: #fefefe; }
    26021940  .button-group.success .button {
    2603     background-color: #5da423;
     1941    background-color: #3adb76;
    26041942    color: #fefefe; }
    26051943    .button-group.success .button:hover, .button-group.success .button:focus {
    2606       background-color: #4a831c;
    2607       color: #fefefe; }
    2608   .button-group.alert .button {
    2609     background-color: #c60f13;
    2610     color: #fefefe; }
    2611     .button-group.alert .button:hover, .button-group.alert .button:focus {
    2612       background-color: #9e0c0f;
     1944      background-color: #22bb5b;
    26131945      color: #fefefe; }
    26141946  .button-group.warning .button {
     
    26181950      background-color: #cc8b00;
    26191951      color: #fefefe; }
    2620   .button-group.stacked .button, .button-group.stacked-for-small .button {
     1952  .button-group.alert .button {
     1953    background-color: #ec5840;
     1954    color: #fefefe; }
     1955    .button-group.alert .button:hover, .button-group.alert .button:focus {
     1956      background-color: #da3116;
     1957      color: #fefefe; }
     1958  .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
    26211959    width: 100%; }
    2622     .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child) {
    2623       border-right: 1px solid; }
     1960    .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) {
     1961      margin-right: 0; }
    26241962  @media screen and (min-width: 40em) {
    26251963    .button-group.stacked-for-small .button {
    26261964      width: auto; }
    26271965      .button-group.stacked-for-small .button:not(:last-child) {
    2628         border-right: 1px solid #fefefe; } }
    2629   @media screen and (min-width: 0em) and (max-width: 39.9375em) {
     1966        margin-right: 1px; } }
     1967  @media screen and (min-width: 64em) {
     1968    .button-group.stacked-for-medium .button {
     1969      width: auto; }
     1970      .button-group.stacked-for-medium .button:not(:last-child) {
     1971        margin-right: 1px; } }
     1972  @media screen and (max-width: 39.9375em) {
    26301973    .button-group.stacked-for-small.expanded {
    26311974      display: block; }
    26321975      .button-group.stacked-for-small.expanded .button {
    26331976        display: block;
    2634         border-right: 0; } }
     1977        margin-right: 0; } }
    26351978
    26361979.callout {
     
    26381981  padding: 1rem;
    26391982  border: 1px solid rgba(10, 10, 10, 0.25);
    2640   border-radius: 3px;
     1983  border-radius: 0;
    26411984  position: relative;
    2642   color: #222222;
     1985  color: #0a0a0a;
    26431986  background-color: white; }
    26441987  .callout > :first-child {
     
    26471990    margin-bottom: 0; }
    26481991  .callout.primary {
    2649     background-color: #def2f8; }
     1992    background-color: #def0fc; }
    26501993  .callout.secondary {
    2651     background-color: #fcfcfc; }
     1994    background-color: #ebebeb; }
    26521995  .callout.success {
    2653     background-color: #e6f7d9; }
    2654   .callout.alert {
    2655     background-color: #fcd6d6; }
     1996    background-color: #e1faea; }
    26561997  .callout.warning {
    26571998    background-color: #fff3d9; }
     1999  .callout.alert {
     2000    background-color: #fce6e2; }
    26582001  .callout.small {
    26592002    padding-top: 0.5rem;
     
    26792022  .close-button:hover, .close-button:focus {
    26802023    color: #0a0a0a; }
    2681 
    2682 .is-drilldown {
    2683   position: relative;
    2684   overflow: hidden; }
    2685 
    2686 .is-drilldown-submenu {
    2687   position: absolute;
    2688   top: 0;
    2689   left: 100%;
    2690   z-index: -1;
    2691   height: 100%;
    2692   width: 100%;
    2693   background: #fefefe;
    2694   transition: -webkit-transform 0.15s linear;
    2695   transition: transform 0.15s linear; }
    2696   .is-drilldown-submenu.is-active {
    2697     z-index: 1;
    2698     display: block;
    2699     -webkit-transform: translateX(-100%);
    2700         -ms-transform: translateX(-100%);
    2701             transform: translateX(-100%); }
    2702   .is-drilldown-submenu.is-closing {
    2703     -webkit-transform: translateX(100%);
    2704         -ms-transform: translateX(100%);
    2705             transform: translateX(100%); }
    2706 
    2707 .is-drilldown-submenu-parent > a {
    2708   position: relative; }
    2709   .is-drilldown-submenu-parent > a::after {
    2710     content: '';
    2711     display: block;
    2712     width: 0;
    2713     height: 0;
    2714     border: inset 6px;
    2715     border-color: transparent transparent transparent #2ba6cb;
    2716     border-left-style: solid;
    2717     border-right-width: 0;
    2718     position: absolute;
    2719     top: 50%;
    2720     margin-top: -6px;
    2721     right: 1rem; }
    2722 
    2723 .js-drilldown-back > a::before {
    2724   content: '';
    2725   display: block;
    2726   width: 0;
    2727   height: 0;
    2728   border: inset 6px;
    2729   border-color: transparent #2ba6cb transparent transparent;
    2730   border-right-style: solid;
    2731   border-left-width: 0;
    2732   border-left-width: 0;
    2733   display: inline-block;
    2734   vertical-align: middle;
    2735   margin-right: 0.75rem; }
    2736 
    2737 .dropdown-pane {
    2738   background-color: #fefefe;
    2739   border: 1px solid #cacaca;
    2740   border-radius: 3px;
    2741   display: block;
    2742   font-size: 1rem;
    2743   padding: 1rem;
    2744   position: absolute;
    2745   visibility: hidden;
    2746   width: 300px;
    2747   z-index: 10; }
    2748   .dropdown-pane.is-open {
    2749     visibility: visible; }
    2750 
    2751 .dropdown-pane.tiny {
    2752   width: 100px; }
    2753 
    2754 .dropdown-pane.small {
    2755   width: 200px; }
    2756 
    2757 .dropdown-pane.large {
    2758   width: 400px; }
    2759 
    2760 [data-whatinput='mouse'] .dropdown.menu a {
    2761   outline: 0; }
    2762 
    2763 .no-js .dropdown.menu ul {
    2764   display: none; }
    2765 
    2766 .dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub {
    2767   top: 100%;
    2768   left: 0;
    2769   right: auto; }
    2770 
    2771 .dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    2772   top: 100%;
    2773   left: auto;
    2774   right: 0; }
    2775 
    2776 .is-dropdown-menu.vertical {
    2777   width: 100px; }
    2778   .is-dropdown-menu.vertical.align-right {
    2779     float: right; }
    2780   .is-dropdown-menu.vertical > li .is-dropdown-submenu {
    2781     top: 0;
    2782     left: 100%; }
    2783 
    2784 .is-dropdown-submenu-parent {
    2785   position: relative; }
    2786   .is-dropdown-submenu-parent a::after {
    2787     float: right;
    2788     margin-top: 3px;
    2789     margin-left: 10px; }
    2790   .is-dropdown-submenu-parent.is-down-arrow a {
    2791     padding-right: 1.5rem;
    2792     position: relative; }
    2793   .is-dropdown-submenu-parent.is-down-arrow > a::after {
    2794     content: '';
    2795     display: block;
    2796     width: 0;
    2797     height: 0;
    2798     border: inset 5px;
    2799     border-color: #2ba6cb transparent transparent;
    2800     border-top-style: solid;
    2801     border-bottom-width: 0;
    2802     position: absolute;
    2803     top: 0.825rem;
    2804     right: 5px; }
    2805   .is-dropdown-submenu-parent.is-left-arrow > a::after {
    2806     content: '';
    2807     display: block;
    2808     width: 0;
    2809     height: 0;
    2810     border: inset 5px;
    2811     border-color: transparent #2ba6cb transparent transparent;
    2812     border-right-style: solid;
    2813     border-left-width: 0;
    2814     float: left;
    2815     margin-left: 0;
    2816     margin-right: 10px; }
    2817   .is-dropdown-submenu-parent.is-right-arrow > a::after {
    2818     content: '';
    2819     display: block;
    2820     width: 0;
    2821     height: 0;
    2822     border: inset 5px;
    2823     border-color: transparent transparent transparent #2ba6cb;
    2824     border-left-style: solid;
    2825     border-right-width: 0; }
    2826   .is-dropdown-submenu-parent.is-left-arrow.opens-inner .is-dropdown-submenu {
    2827     right: 0;
    2828     left: auto; }
    2829   .is-dropdown-submenu-parent.is-right-arrow.opens-inner .is-dropdown-submenu {
    2830     left: 0;
    2831     right: auto; }
    2832   .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
    2833     top: 100%; }
    2834   .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
    2835     left: auto;
    2836     right: 100%; }
    2837 
    2838 .is-dropdown-submenu {
    2839   display: none;
    2840   position: absolute;
    2841   top: 0;
    2842   left: 100%;
    2843   min-width: 200px;
    2844   z-index: 1;
    2845   background: #fefefe;
    2846   border: 1px solid #cacaca; }
    2847   .is-dropdown-submenu .is-dropdown-submenu {
    2848     margin-top: -1px; }
    2849   .is-dropdown-submenu > li {
    2850     width: 100%; }
    2851   .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {
    2852     display: block; }
    2853 
    2854 .flex-video {
    2855   position: relative;
    2856   height: 0;
    2857   padding-bottom: 75%;
    2858   margin-bottom: 1rem;
    2859   overflow: hidden; }
    2860   .flex-video iframe,
    2861   .flex-video object,
    2862   .flex-video embed,
    2863   .flex-video video {
    2864     position: absolute;
    2865     top: 0;
    2866     left: 0;
    2867     width: 100%;
    2868     height: 100%; }
    2869   .flex-video.widescreen {
    2870     padding-bottom: 56.25%; }
    2871   .flex-video.vimeo {
    2872     padding-top: 0; }
    2873 
    2874 .label {
    2875   display: inline-block;
    2876   padding: 0.33333rem 0.5rem;
    2877   font-size: 0.8rem;
    2878   line-height: 1;
    2879   white-space: nowrap;
    2880   cursor: default;
    2881   border-radius: 3px;
    2882   background: #2ba6cb;
    2883   color: #fefefe; }
    2884   .label.secondary {
    2885     background: #e9e9e9;
    2886     color: #0a0a0a; }
    2887   .label.success {
    2888     background: #5da423;
    2889     color: #fefefe; }
    2890   .label.alert {
    2891     background: #c60f13;
    2892     color: #fefefe; }
    2893   .label.warning {
    2894     background: #ffae00;
    2895     color: #fefefe; }
    2896 
    2897 .media-object {
    2898   margin-bottom: 1rem;
    2899   display: block; }
    2900   .media-object img {
    2901     max-width: none; }
    2902   @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    2903     .media-object.stack-for-small .media-object-section {
    2904       display: block;
    2905       padding: 0;
    2906       padding-bottom: 1rem; }
    2907       .media-object.stack-for-small .media-object-section img {
    2908         width: 100%; } }
    2909 
    2910 .media-object-section {
    2911   display: table-cell;
    2912   vertical-align: top; }
    2913   .media-object-section:first-child {
    2914     padding-right: 1rem; }
    2915   .media-object-section:last-child:not(:nth-child(2)) {
    2916     padding-left: 1rem; }
    2917   .media-object-section.middle {
    2918     vertical-align: middle; }
    2919   .media-object-section.bottom {
    2920     vertical-align: bottom; }
    29212024
    29222025.menu {
     
    29362039  .menu button {
    29372040    margin-bottom: 0; }
    2938   .menu > li > a > img,
    2939   .menu > li > a > i {
     2041  .menu > li > a img,
     2042  .menu > li > a i {
    29402043    vertical-align: middle; }
    2941   .menu > li > a > span {
     2044  .menu > li > a i + span,
     2045  .menu > li > a img + span {
    29422046    vertical-align: middle; }
    2943   .menu > li > a > img,
    2944   .menu > li > a > i {
    2945     display: inline-block;
    2946     margin-right: 0.25rem; }
     2047  .menu > li > a img,
     2048  .menu > li > a i {
     2049    margin-right: 0.25rem;
     2050    display: inline-block; }
    29472051  .menu > li {
    29482052    display: table-cell; }
     
    29652069  .menu.simple a {
    29662070    padding: 0; }
     2071  .menu.align-right::before, .menu.align-right::after {
     2072    content: ' ';
     2073    display: table;
     2074    flex-basis: 0;
     2075    order: 1; }
     2076  .menu.align-right::after {
     2077    clear: both; }
    29672078  .menu.align-right > li {
    29682079    float: right; }
    29692080  .menu.expanded {
     2081    width: 100%;
    29702082    display: table;
    2971     table-layout: fixed;
    2972     width: 100%; }
     2083    table-layout: fixed; }
    29732084    .menu.expanded > li:first-child:last-child {
    29742085      width: 100%; }
    29752086  .menu.icon-top > li > a {
    29762087    text-align: center; }
    2977     .menu.icon-top > li > a > img,
    2978     .menu.icon-top > li > a > i {
     2088    .menu.icon-top > li > a img,
     2089    .menu.icon-top > li > a i {
    29792090      display: block;
    29802091      margin: 0 auto 0.25rem; }
    29812092  .menu.nested {
    29822093    margin-left: 1rem; }
     2094  .menu .active > a {
     2095    color: #fefefe;
     2096    background: #2199e8; }
    29832097
    29842098.menu-text {
     
    29902104  padding: 0.7rem 1rem; }
    29912105
     2106.menu-centered {
     2107  text-align: center; }
     2108  .menu-centered > .menu {
     2109    display: inline-block; }
     2110
    29922111.no-js [data-responsive-menu] ul {
    29932112  display: none; }
     2113
     2114.is-drilldown {
     2115  position: relative;
     2116  overflow: hidden; }
     2117  .is-drilldown li {
     2118    display: block !important; }
     2119
     2120.is-drilldown-submenu {
     2121  position: absolute;
     2122  top: 0;
     2123  left: 100%;
     2124  z-index: -1;
     2125  height: 100%;
     2126  width: 100%;
     2127  background: #fefefe;
     2128  transition: transform 0.15s linear; }
     2129  .is-drilldown-submenu.is-active {
     2130    z-index: 1;
     2131    display: block;
     2132    transform: translateX(-100%); }
     2133  .is-drilldown-submenu.is-closing {
     2134    transform: translateX(100%); }
     2135
     2136.is-drilldown-submenu-parent > a {
     2137  position: relative; }
     2138  .is-drilldown-submenu-parent > a::after {
     2139    content: '';
     2140    display: block;
     2141    width: 0;
     2142    height: 0;
     2143    border: inset 6px;
     2144    border-color: transparent transparent transparent #2199e8;
     2145    border-left-style: solid;
     2146    border-right-width: 0;
     2147    position: absolute;
     2148    top: 50%;
     2149    margin-top: -6px;
     2150    right: 1rem; }
     2151
     2152.js-drilldown-back > a::before {
     2153  content: '';
     2154  display: block;
     2155  width: 0;
     2156  height: 0;
     2157  border: inset 6px;
     2158  border-color: transparent #2199e8 transparent transparent;
     2159  border-right-style: solid;
     2160  border-left-width: 0;
     2161  border-left-width: 0;
     2162  display: inline-block;
     2163  vertical-align: middle;
     2164  margin-right: 0.75rem; }
     2165
     2166.dropdown-pane {
     2167  background-color: #fefefe;
     2168  border: 1px solid #cacaca;
     2169  border-radius: 0;
     2170  display: block;
     2171  font-size: 1rem;
     2172  padding: 1rem;
     2173  position: absolute;
     2174  visibility: hidden;
     2175  width: 300px;
     2176  z-index: 10; }
     2177  .dropdown-pane.is-open {
     2178    visibility: visible; }
     2179
     2180.dropdown-pane.tiny {
     2181  width: 100px; }
     2182
     2183.dropdown-pane.small {
     2184  width: 200px; }
     2185
     2186.dropdown-pane.large {
     2187  width: 400px; }
     2188
     2189.dropdown.menu > li.opens-left > .is-dropdown-submenu {
     2190  left: auto;
     2191  right: 0;
     2192  top: 100%; }
     2193
     2194.dropdown.menu > li.opens-right > .is-dropdown-submenu {
     2195  right: auto;
     2196  left: 0;
     2197  top: 100%; }
     2198
     2199.dropdown.menu > li.is-dropdown-submenu-parent > a {
     2200  padding-right: 1.5rem;
     2201  position: relative; }
     2202
     2203.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
     2204  content: '';
     2205  display: block;
     2206  width: 0;
     2207  height: 0;
     2208  border: inset 5px;
     2209  border-color: #2199e8 transparent transparent;
     2210  border-top-style: solid;
     2211  border-bottom-width: 0;
     2212  right: 5px;
     2213  margin-top: -2px; }
     2214
     2215[data-whatinput='mouse'] .dropdown.menu a {
     2216  outline: 0; }
     2217
     2218.no-js .dropdown.menu ul {
     2219  display: none; }
     2220
     2221.dropdown.menu.vertical > li .is-dropdown-submenu {
     2222  top: 0; }
     2223
     2224.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu {
     2225  left: auto;
     2226  right: 100%; }
     2227
     2228.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
     2229  right: auto;
     2230  left: 100%; }
     2231
     2232.dropdown.menu.vertical > li > a::after {
     2233  right: 14px;
     2234  margin-top: -3px; }
     2235
     2236.dropdown.menu.vertical > li.opens-left > a::after {
     2237  content: '';
     2238  display: block;
     2239  width: 0;
     2240  height: 0;
     2241  border: inset 5px;
     2242  border-color: transparent #2199e8 transparent transparent;
     2243  border-right-style: solid;
     2244  border-left-width: 0; }
     2245
     2246.dropdown.menu.vertical > li.opens-right > a::after {
     2247  content: '';
     2248  display: block;
     2249  width: 0;
     2250  height: 0;
     2251  border: inset 5px;
     2252  border-color: transparent transparent transparent #2199e8;
     2253  border-left-style: solid;
     2254  border-right-width: 0; }
     2255
     2256@media screen and (min-width: 40em) {
     2257  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
     2258    left: auto;
     2259    right: 0;
     2260    top: 100%; }
     2261  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
     2262    right: auto;
     2263    left: 0;
     2264    top: 100%; }
     2265  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
     2266    padding-right: 1.5rem;
     2267    position: relative; }
     2268  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
     2269    content: '';
     2270    display: block;
     2271    width: 0;
     2272    height: 0;
     2273    border: inset 5px;
     2274    border-color: #2199e8 transparent transparent;
     2275    border-top-style: solid;
     2276    border-bottom-width: 0;
     2277    right: 5px;
     2278    margin-top: -2px; }
     2279  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
     2280    top: 0; }
     2281  .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
     2282    left: auto;
     2283    right: 100%; }
     2284  .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
     2285    right: auto;
     2286    left: 100%; }
     2287  .dropdown.menu.medium-vertical > li > a::after {
     2288    right: 14px;
     2289    margin-top: -3px; }
     2290  .dropdown.menu.medium-vertical > li.opens-left > a::after {
     2291    content: '';
     2292    display: block;
     2293    width: 0;
     2294    height: 0;
     2295    border: inset 5px;
     2296    border-color: transparent #2199e8 transparent transparent;
     2297    border-right-style: solid;
     2298    border-left-width: 0; }
     2299  .dropdown.menu.medium-vertical > li.opens-right > a::after {
     2300    content: '';
     2301    display: block;
     2302    width: 0;
     2303    height: 0;
     2304    border: inset 5px;
     2305    border-color: transparent transparent transparent #2199e8;
     2306    border-left-style: solid;
     2307    border-right-width: 0; } }
     2308
     2309@media screen and (min-width: 64em) {
     2310  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
     2311    left: auto;
     2312    right: 0;
     2313    top: 100%; }
     2314  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
     2315    right: auto;
     2316    left: 0;
     2317    top: 100%; }
     2318  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
     2319    padding-right: 1.5rem;
     2320    position: relative; }
     2321  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
     2322    content: '';
     2323    display: block;
     2324    width: 0;
     2325    height: 0;
     2326    border: inset 5px;
     2327    border-color: #2199e8 transparent transparent;
     2328    border-top-style: solid;
     2329    border-bottom-width: 0;
     2330    right: 5px;
     2331    margin-top: -2px; }
     2332  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
     2333    top: 0; }
     2334  .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
     2335    left: auto;
     2336    right: 100%; }
     2337  .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
     2338    right: auto;
     2339    left: 100%; }
     2340  .dropdown.menu.large-vertical > li > a::after {
     2341    right: 14px;
     2342    margin-top: -3px; }
     2343  .dropdown.menu.large-vertical > li.opens-left > a::after {
     2344    content: '';
     2345    display: block;
     2346    width: 0;
     2347    height: 0;
     2348    border: inset 5px;
     2349    border-color: transparent #2199e8 transparent transparent;
     2350    border-right-style: solid;
     2351    border-left-width: 0; }
     2352  .dropdown.menu.large-vertical > li.opens-right > a::after {
     2353    content: '';
     2354    display: block;
     2355    width: 0;
     2356    height: 0;
     2357    border: inset 5px;
     2358    border-color: transparent transparent transparent #2199e8;
     2359    border-left-style: solid;
     2360    border-right-width: 0; } }
     2361
     2362.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
     2363  top: 100%;
     2364  left: auto;
     2365  right: 0; }
     2366
     2367.is-dropdown-menu.vertical {
     2368  width: 100px; }
     2369  .is-dropdown-menu.vertical.align-right {
     2370    float: right; }
     2371
     2372.is-dropdown-submenu-parent {
     2373  position: relative; }
     2374  .is-dropdown-submenu-parent a::after {
     2375    position: absolute;
     2376    top: 50%;
     2377    right: 5px;
     2378    margin-top: -2px; }
     2379  .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
     2380    top: 100%; }
     2381  .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
     2382    left: auto;
     2383    right: 100%; }
     2384
     2385.is-dropdown-submenu {
     2386  display: none;
     2387  position: absolute;
     2388  top: 0;
     2389  left: 100%;
     2390  min-width: 200px;
     2391  z-index: 1;
     2392  background: #fefefe;
     2393  border: 1px solid #cacaca; }
     2394  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
     2395    right: 14px;
     2396    margin-top: -3px; }
     2397  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
     2398    content: '';
     2399    display: block;
     2400    width: 0;
     2401    height: 0;
     2402    border: inset 5px;
     2403    border-color: transparent #2199e8 transparent transparent;
     2404    border-right-style: solid;
     2405    border-left-width: 0; }
     2406  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
     2407    content: '';
     2408    display: block;
     2409    width: 0;
     2410    height: 0;
     2411    border: inset 5px;
     2412    border-color: transparent transparent transparent #2199e8;
     2413    border-left-style: solid;
     2414    border-right-width: 0; }
     2415  .is-dropdown-submenu .is-dropdown-submenu {
     2416    margin-top: -1px; }
     2417  .is-dropdown-submenu > li {
     2418    width: 100%; }
     2419  .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {
     2420    display: block; }
     2421
     2422.flex-video {
     2423  position: relative;
     2424  height: 0;
     2425  padding-bottom: 75%;
     2426  margin-bottom: 1rem;
     2427  overflow: hidden; }
     2428  .flex-video iframe,
     2429  .flex-video object,
     2430  .flex-video embed,
     2431  .flex-video video {
     2432    position: absolute;
     2433    top: 0;
     2434    left: 0;
     2435    width: 100%;
     2436    height: 100%; }
     2437  .flex-video.widescreen {
     2438    padding-bottom: 56.25%; }
     2439  .flex-video.vimeo {
     2440    padding-top: 0; }
     2441
     2442.label {
     2443  display: inline-block;
     2444  padding: 0.33333rem 0.5rem;
     2445  font-size: 0.8rem;
     2446  line-height: 1;
     2447  white-space: nowrap;
     2448  cursor: default;
     2449  border-radius: 0;
     2450  background: #2199e8;
     2451  color: #fefefe; }
     2452  .label.secondary {
     2453    background: #777;
     2454    color: #fefefe; }
     2455  .label.success {
     2456    background: #3adb76;
     2457    color: #fefefe; }
     2458  .label.warning {
     2459    background: #ffae00;
     2460    color: #fefefe; }
     2461  .label.alert {
     2462    background: #ec5840;
     2463    color: #fefefe; }
     2464
     2465.media-object {
     2466  margin-bottom: 1rem;
     2467  display: block; }
     2468  .media-object img {
     2469    max-width: none; }
     2470  @media screen and (max-width: 39.9375em) {
     2471    .media-object.stack-for-small .media-object-section {
     2472      padding: 0;
     2473      padding-bottom: 1rem;
     2474      display: block; }
     2475      .media-object.stack-for-small .media-object-section img {
     2476        width: 100%; } }
     2477
     2478.media-object-section {
     2479  display: table-cell;
     2480  vertical-align: top; }
     2481  .media-object-section:first-child {
     2482    padding-right: 1rem; }
     2483  .media-object-section:last-child:not(:nth-child(2)) {
     2484    padding-left: 1rem; }
     2485  .media-object-section.middle {
     2486    vertical-align: middle; }
     2487  .media-object-section.bottom {
     2488    vertical-align: bottom; }
    29942489
    29952490html,
     
    30012496  overflow-x: hidden;
    30022497  position: relative;
    3003   -webkit-backface-visibility: hidden;
    3004           backface-visibility: hidden;
     2498  backface-visibility: hidden;
    30052499  -webkit-overflow-scrolling: auto; }
    30062500
     
    30082502  position: relative;
    30092503  width: 100%;
    3010   transition: -webkit-transform 0.5s ease;
    30112504  transition: transform 0.5s ease; }
    30122505  .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
    30132506    content: ' ';
    3014     display: table; }
     2507    display: table;
     2508    flex-basis: 0;
     2509    order: 1; }
    30152510  .off-canvas-wrapper-inner::after {
    30162511    clear: both; }
     
    30202515  min-height: 100%;
    30212516  background: #fefefe;
    3022   transition: -webkit-transform 0.5s ease;
    30232517  transition: transform 0.5s ease;
    3024   -webkit-backface-visibility: hidden;
    3025           backface-visibility: hidden;
     2518  backface-visibility: hidden;
    30262519  z-index: 1;
     2520  padding-bottom: 0.1px;
    30272521  box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }
    30282522
     
    30442538  max-height: 100%;
    30452539  overflow-y: auto;
    3046   -webkit-transform: translateX(0);
    3047       -ms-transform: translateX(0);
    3048           transform: translateX(0); }
     2540  transform: translateX(0); }
    30492541  [data-whatinput='mouse'] .off-canvas {
    30502542    outline: 0; }
     
    30542546    width: 250px; }
    30552547    .is-open-left {
    3056       -webkit-transform: translateX(250px);
    3057           -ms-transform: translateX(250px);
    3058               transform: translateX(250px); }
     2548      transform: translateX(250px); }
    30592549  .off-canvas.position-right {
    30602550    right: -250px;
     
    30622552    width: 250px; }
    30632553    .is-open-right {
    3064       -webkit-transform: translateX(-250px);
    3065           -ms-transform: translateX(-250px);
    3066               transform: translateX(-250px); }
     2554      transform: translateX(-250px); }
    30672555
    30682556@media screen and (min-width: 40em) {
     
    31302618  position: absolute;
    31312619  top: 50%;
    3132   -webkit-transform: translateY(-50%);
    3133       -ms-transform: translateY(-50%);
    3134           transform: translateY(-50%);
     2620  transform: translateY(-50%);
    31352621  z-index: 10;
    31362622  padding: 1rem;
     
    31662652      background-color: #8a8a8a; }
    31672653
    3168 .pagination {
    3169   margin-left: 0;
    3170   margin-bottom: 1rem; }
    3171   .pagination::before, .pagination::after {
    3172     content: ' ';
    3173     display: table; }
    3174   .pagination::after {
    3175     clear: both; }
    3176   .pagination li {
    3177     font-size: 0.875rem;
    3178     margin-right: 0.0625rem;
    3179     border-radius: 3px;
    3180     display: none; }
    3181     .pagination li:last-child, .pagination li:first-child {
    3182       display: inline-block; }
    3183     @media screen and (min-width: 40em) {
    3184       .pagination li {
    3185         display: inline-block; } }
    3186   .pagination a,
    3187   .pagination button {
    3188     color: #0a0a0a;
    3189     display: block;
    3190     padding: 0.1875rem 0.625rem;
    3191     border-radius: 3px; }
    3192     .pagination a:hover,
    3193     .pagination button:hover {
    3194       background: #e6e6e6; }
    3195   .pagination .current {
    3196     padding: 0.1875rem 0.625rem;
    3197     background: #2ba6cb;
    3198     color: #fefefe;
    3199     cursor: default; }
    3200   .pagination .disabled {
    3201     padding: 0.1875rem 0.625rem;
    3202     color: #cacaca;
    3203     cursor: default; }
    3204     .pagination .disabled:hover {
    3205       background: transparent; }
    3206   .pagination .ellipsis::after {
    3207     content: '…';
    3208     padding: 0.1875rem 0.625rem;
    3209     color: #0a0a0a; }
    3210 
    3211 .pagination-previous a::before,
    3212 .pagination-previous.disabled::before {
    3213   content: '«';
    3214   display: inline-block;
    3215   margin-right: 0.5rem; }
    3216 
    3217 .pagination-next a::after,
    3218 .pagination-next.disabled::after {
    3219   content: '»';
    3220   display: inline-block;
    3221   margin-left: 0.5rem; }
    3222 
    32232654.progress {
    32242655  background-color: #cacaca;
    32252656  height: 1rem;
    32262657  margin-bottom: 1rem;
    3227   border-radius: 3px; }
     2658  border-radius: 0; }
    32282659  .progress.primary .progress-meter {
    3229     background-color: #2ba6cb; }
     2660    background-color: #2199e8; }
    32302661  .progress.secondary .progress-meter {
    3231     background-color: #e9e9e9; }
     2662    background-color: #777; }
    32322663  .progress.success .progress-meter {
    3233     background-color: #5da423; }
    3234   .progress.alert .progress-meter {
    3235     background-color: #c60f13; }
     2664    background-color: #3adb76; }
    32362665  .progress.warning .progress-meter {
    32372666    background-color: #ffae00; }
     2667  .progress.alert .progress-meter {
     2668    background-color: #ec5840; }
    32382669
    32392670.progress-meter {
     
    32422673  width: 0%;
    32432674  height: 100%;
    3244   background-color: #2ba6cb;
    3245   border-radius: 3px; }
     2675  background-color: #2199e8; }
    32462676
    32472677.progress-meter-text {
     
    32492679  top: 50%;
    32502680  left: 50%;
    3251   -webkit-transform: translate(-50%, -50%);
    3252       -ms-transform: translate(-50%, -50%);
    3253           transform: translate(-50%, -50%);
     2681  transform: translate(-50%, -50%);
    32542682  position: absolute;
    32552683  margin: 0;
     
    32572685  font-weight: bold;
    32582686  color: #fefefe;
    3259   white-space: nowrap;
    3260   border-radius: 3px; }
    3261 
    3262 .slider {
    3263   position: relative;
    3264   height: 0.5rem;
    3265   margin-top: 1.25rem;
    3266   margin-bottom: 2.25rem;
    3267   background-color: #e6e6e6;
    3268   cursor: pointer;
    3269   -webkit-user-select: none;
    3270      -moz-user-select: none;
    3271       -ms-user-select: none;
    3272           user-select: none;
    3273   -ms-touch-action: none;
    3274       touch-action: none; }
    3275 
    3276 .slider-fill {
    3277   position: absolute;
    3278   top: 0;
    3279   left: 0;
    3280   display: inline-block;
    3281   max-width: 100%;
    3282   height: 0.5rem;
    3283   background-color: #cacaca;
    3284   transition: all 0.2s ease-in-out; }
    3285   .slider-fill.is-dragging {
    3286     transition: all 0s linear; }
    3287 
    3288 .slider-handle {
    3289   position: absolute;
    3290   top: 50%;
    3291   -webkit-transform: translateY(-50%);
    3292       -ms-transform: translateY(-50%);
    3293           transform: translateY(-50%);
    3294   position: absolute;
    3295   left: 0;
    3296   z-index: 1;
    3297   display: inline-block;
    3298   width: 1.4rem;
    3299   height: 1.4rem;
    3300   background-color: #2ba6cb;
    3301   transition: all 0.2s ease-in-out;
    3302   -ms-touch-action: manipulation;
    3303       touch-action: manipulation;
    3304   border-radius: 3px; }
    3305   [data-whatinput='mouse'] .slider-handle {
    3306     outline: 0; }
    3307   .slider-handle:hover {
    3308     background-color: #258dad; }
    3309   .slider-handle.is-dragging {
    3310     transition: all 0s linear; }
    3311 
    3312 .slider.disabled,
    3313 .slider[disabled] {
    3314   opacity: 0.25;
    3315   cursor: not-allowed; }
    3316 
    3317 .slider.vertical {
    3318   display: inline-block;
    3319   width: 0.5rem;
    3320   height: 12.5rem;
    3321   margin: 0 1.25rem;
    3322   -webkit-transform: scale(1, -1);
    3323       -ms-transform: scale(1, -1);
    3324           transform: scale(1, -1); }
    3325   .slider.vertical .slider-fill {
    3326     top: 0;
    3327     width: 0.5rem;
    3328     max-height: 100%; }
    3329   .slider.vertical .slider-handle {
    3330     position: absolute;
    3331     top: 0;
    3332     left: 50%;
    3333     width: 1.4rem;
    3334     height: 1.4rem;
    3335     -webkit-transform: translateX(-50%);
    3336         -ms-transform: translateX(-50%);
    3337             transform: translateX(-50%); }
    3338 
    3339 .sticky-container {
    3340   position: relative; }
    3341 
    3342 .sticky {
    3343   position: absolute;
    3344   z-index: 0;
    3345   -webkit-transform: translate3d(0, 0, 0);
    3346           transform: translate3d(0, 0, 0); }
    3347 
    3348 .sticky.is-stuck {
    3349   position: fixed;
    3350   z-index: 5; }
    3351   .sticky.is-stuck.is-at-top {
    3352     top: 0; }
    3353   .sticky.is-stuck.is-at-bottom {
    3354     bottom: 0; }
    3355 
    3356 .sticky.is-anchored {
    3357   position: absolute;
    3358   left: auto;
    3359   right: auto; }
    3360   .sticky.is-anchored.is-at-bottom {
    3361     bottom: 0; }
     2687  white-space: nowrap; }
    33622688
    33632689body.is-reveal-open {
     
    33802706  padding: 1rem;
    33812707  border: 1px solid #cacaca;
    3382   margin: 6.25rem auto 0;
    33832708  background-color: #fefefe;
    3384   border-radius: 3px;
    3385   position: absolute;
     2709  border-radius: 0;
     2710  position: relative;
     2711  top: 100px;
     2712  margin-left: auto;
     2713  margin-right: auto;
    33862714  overflow-y: auto; }
    33872715  [data-whatinput='mouse'] .reveal {
     
    33982726    .reveal {
    33992727      width: 600px;
    3400       max-width: 62.5rem; } }
     2728      max-width: 75rem; } }
    34012729  @media screen and (min-width: 40em) {
    34022730    .reveal .reveal {
     
    34092737    .reveal.tiny {
    34102738      width: 30%;
    3411       max-width: 62.5rem; } }
     2739      max-width: 75rem; } }
    34122740  @media screen and (min-width: 40em) {
    34132741    .reveal.small {
    34142742      width: 50%;
    3415       max-width: 62.5rem; } }
     2743      max-width: 75rem; } }
    34162744  @media screen and (min-width: 40em) {
    34172745    .reveal.large {
    34182746      width: 90%;
    3419       max-width: 62.5rem; } }
     2747      max-width: 75rem; } }
    34202748  .reveal.full {
    34212749    top: 0;
     
    34282756    margin-left: 0;
    34292757    border: 0; }
     2758  @media screen and (max-width: 39.9375em) {
     2759    .reveal {
     2760      top: 0;
     2761      left: 0;
     2762      width: 100%;
     2763      height: 100%;
     2764      height: 100vh;
     2765      min-height: 100vh;
     2766      max-width: none;
     2767      margin-left: 0;
     2768      border: 0; } }
     2769  .reveal.without-overlay {
     2770    position: fixed; }
     2771
     2772.slider {
     2773  position: relative;
     2774  height: 0.5rem;
     2775  margin-top: 1.25rem;
     2776  margin-bottom: 2.25rem;
     2777  background-color: #e6e6e6;
     2778  cursor: pointer;
     2779  user-select: none;
     2780  touch-action: none; }
     2781
     2782.slider-fill {
     2783  position: absolute;
     2784  top: 0;
     2785  left: 0;
     2786  display: inline-block;
     2787  max-width: 100%;
     2788  height: 0.5rem;
     2789  background-color: #cacaca;
     2790  transition: all 0.2s ease-in-out; }
     2791  .slider-fill.is-dragging {
     2792    transition: all 0s linear; }
     2793
     2794.slider-handle {
     2795  position: absolute;
     2796  top: 50%;
     2797  transform: translateY(-50%);
     2798  position: absolute;
     2799  left: 0;
     2800  z-index: 1;
     2801  display: inline-block;
     2802  width: 1.4rem;
     2803  height: 1.4rem;
     2804  background-color: #2199e8;
     2805  transition: all 0.2s ease-in-out;
     2806  touch-action: manipulation;
     2807  border-radius: 0; }
     2808  [data-whatinput='mouse'] .slider-handle {
     2809    outline: 0; }
     2810  .slider-handle:hover {
     2811    background-color: #1583cc; }
     2812  .slider-handle.is-dragging {
     2813    transition: all 0s linear; }
     2814
     2815.slider.disabled,
     2816.slider[disabled] {
     2817  opacity: 0.25;
     2818  cursor: not-allowed; }
     2819
     2820.slider.vertical {
     2821  display: inline-block;
     2822  width: 0.5rem;
     2823  height: 12.5rem;
     2824  margin: 0 1.25rem;
     2825  transform: scale(1, -1); }
     2826  .slider.vertical .slider-fill {
     2827    top: 0;
     2828    width: 0.5rem;
     2829    max-height: 100%; }
     2830  .slider.vertical .slider-handle {
     2831    position: absolute;
     2832    top: 0;
     2833    left: 50%;
     2834    width: 1.4rem;
     2835    height: 1.4rem;
     2836    transform: translateX(-50%); }
     2837
     2838.sticky-container {
     2839  position: relative; }
     2840
     2841.sticky {
     2842  position: absolute;
     2843  z-index: 0;
     2844  transform: translate3d(0, 0, 0); }
     2845
     2846.sticky.is-stuck {
     2847  position: fixed;
     2848  z-index: 5; }
     2849  .sticky.is-stuck.is-at-top {
     2850    top: 0; }
     2851  .sticky.is-stuck.is-at-bottom {
     2852    bottom: 0; }
     2853
     2854.sticky.is-anchored {
     2855  position: absolute;
     2856  left: auto;
     2857  right: auto; }
     2858  .sticky.is-anchored.is-at-bottom {
     2859    bottom: 0; }
    34302860
    34312861.switch {
     
    34332863  outline: 0;
    34342864  position: relative;
    3435   -webkit-user-select: none;
    3436      -moz-user-select: none;
    3437       -ms-user-select: none;
    3438           user-select: none;
     2865  user-select: none;
    34392866  color: #fefefe;
    34402867  font-weight: bold;
     
    34532880  height: 2rem;
    34542881  transition: all 0.25s ease-out;
    3455   border-radius: 3px;
     2882  border-radius: 0;
    34562883  color: inherit;
    34572884  font-weight: inherit; }
     
    34682895    width: 1.5rem;
    34692896    transition: all 0.25s ease-out;
    3470     -webkit-transform: translate3d(0, 0, 0);
    3471             transform: translate3d(0, 0, 0);
    3472     border-radius: 3px; }
     2897    transform: translate3d(0, 0, 0);
     2898    border-radius: 0; }
    34732899  input:checked ~ .switch-paddle {
    3474     background: #2ba6cb; }
     2900    background: #2199e8; }
    34752901    input:checked ~ .switch-paddle::after {
    34762902      left: 2.25rem; }
     
    34812907  position: absolute;
    34822908  top: 50%;
    3483   -webkit-transform: translateY(-50%);
    3484       -ms-transform: translateY(-50%);
    3485           transform: translateY(-50%); }
     2909  transform: translateY(-50%); }
    34862910
    34872911.switch-active {
     
    35052929  height: 1rem; }
    35062930
    3507 .switch.tiny input:checked ~ .switch-paddle:after {
     2931.switch.tiny input:checked ~ .switch-paddle::after {
    35082932  left: 1.75rem; }
    35092933
     
    35172941  height: 1.25rem; }
    35182942
    3519 .switch.small input:checked ~ .switch-paddle:after {
     2943.switch.small input:checked ~ .switch-paddle::after {
    35202944  left: 2rem; }
    35212945
     
    35292953  height: 2rem; }
    35302954
    3531 .switch.large input:checked ~ .switch-paddle:after {
     2955.switch.large input:checked ~ .switch-paddle::after {
    35322956  left: 2.75rem; }
    35332957
     
    35352959  width: 100%;
    35362960  margin-bottom: 1rem;
    3537   border-radius: 3px; }
     2961  border-radius: 0; }
    35382962  table thead,
    35392963  table tbody,
     
    35472971  table tfoot {
    35482972    background: #f8f8f8;
    3549     color: #222222; }
     2973    color: #0a0a0a; }
    35502974    table thead tr,
    35512975    table tfoot tr {
     
    35873011  background-color: #ececec; }
    35883012
     3013.table-scroll {
     3014  overflow-x: auto; }
     3015  .table-scroll table {
     3016    width: auto; }
     3017
    35893018.tabs {
    35903019  margin: 0;
     
    35943023  .tabs::before, .tabs::after {
    35953024    content: ' ';
    3596     display: table; }
     3025    display: table;
     3026    flex-basis: 0;
     3027    order: 1; }
    35973028  .tabs::after {
    35983029    clear: both; }
     
    36093040
    36103041.tabs.primary {
    3611   background: #2ba6cb; }
     3042  background: #2199e8; }
    36123043  .tabs.primary > li > a {
    36133044    color: #fefefe; }
    36143045    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
    3615       background: #299ec1; }
     3046      background: #1893e4; }
    36163047
    36173048.tabs-title {
     
    36213052    padding: 1.25rem 1.5rem;
    36223053    line-height: 1;
    3623     font-size: 12px;
    3624     color: #2ba6cb; }
     3054    font-size: 0.75rem; }
    36253055    .tabs-title > a:hover {
    36263056      background: #fefefe; }
     
    36513081  max-width: 100%;
    36523082  transition: box-shadow 200ms ease-out;
    3653   border-radius: 3px;
     3083  border-radius: 0;
    36543084  margin-bottom: 1rem; }
    36553085  .thumbnail:hover, .thumbnail:focus {
    3656     box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
     3086    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }
    36573087
    36583088.title-bar {
     
    36623092  .title-bar::before, .title-bar::after {
    36633093    content: ' ';
    3664     display: table; }
     3094    display: table;
     3095    flex-basis: 0;
     3096    order: 1; }
    36653097  .title-bar::after {
    36663098    clear: both; }
     
    36803112  vertical-align: middle;
    36813113  display: inline-block; }
    3682 
    3683 .menu-icon {
    3684   position: relative;
    3685   display: inline-block;
    3686   vertical-align: middle;
    3687   cursor: pointer;
    3688   width: 20px;
    3689   height: 16px; }
    3690   .menu-icon::after {
    3691     content: '';
    3692     position: absolute;
    3693     display: block;
    3694     width: 100%;
    3695     height: 2px;
    3696     background: #fefefe;
    3697     top: 0;
    3698     left: 0;
    3699     box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; }
    3700   .menu-icon:hover::after {
    3701     background: #cacaca;
    3702     box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
    37033114
    37043115.menu-icon.dark {
     
    37393150  top: calc(100% + 0.6495rem);
    37403151  max-width: 10rem !important;
    3741   border-radius: 3px; }
     3152  border-radius: 0; }
    37423153  .tooltip::before {
    37433154    content: '';
     
    37523163    position: absolute;
    37533164    left: 50%;
    3754     -webkit-transform: translateX(-50%);
    3755         -ms-transform: translateX(-50%);
    3756             transform: translateX(-50%); }
     3165    transform: translateX(-50%); }
    37573166  .tooltip.top::before {
    37583167    content: '';
     
    37783187    left: 100%;
    37793188    top: 50%;
    3780     -webkit-transform: translateY(-50%);
    3781         -ms-transform: translateY(-50%);
    3782             transform: translateY(-50%); }
     3189    transform: translateY(-50%); }
    37833190  .tooltip.right::before {
    37843191    content: '';
     
    37943201    right: 100%;
    37953202    top: 50%;
    3796     -webkit-transform: translateY(-50%);
    3797         -ms-transform: translateY(-50%);
    3798             transform: translateY(-50%); }
     3203    transform: translateY(-50%); }
    37993204
    38003205.top-bar {
     
    38023207  .top-bar::before, .top-bar::after {
    38033208    content: ' ';
    3804     display: table; }
     3209    display: table;
     3210    flex-basis: 0;
     3211    order: 1; }
    38053212  .top-bar::after {
    38063213    clear: both; }
     
    38093216    background-color: #e6e6e6; }
    38103217  .top-bar input {
    3811     width: 200px;
     3218    max-width: 200px;
    38123219    margin-right: 1rem; }
     3220  .top-bar .input-group-field {
     3221    width: 100%;
     3222    margin-right: 0; }
    38133223  .top-bar input.button {
    38143224    width: auto; }
    3815 
    3816 @media screen and (max-width: 39.9375em) {
    3817   .stacked-for-small .top-bar-title {
     3225  .top-bar .top-bar-left,
     3226  .top-bar .top-bar-right {
    38183227    width: 100%; }
    3819   .stacked-for-small .top-bar-right {
    3820     width: 100%; }
    3821   .stacked-for-small .top-bar-left {
    3822     width: 100%; } }
    3823 
    3824 @media screen and (max-width: 63.9375em) {
    3825   .stacked-for-medium .top-bar-title {
    3826     width: 100%; }
    3827   .stacked-for-medium .top-bar-right {
    3828     width: 100%; }
    3829   .stacked-for-medium .top-bar-left {
    3830     width: 100%; } }
    3831 
    3832 @media screen and (max-width: 74.9375em) {
    3833   .stacked-for-large .top-bar-title {
    3834     width: 100%; }
    3835   .stacked-for-large .top-bar-right {
    3836     width: 100%; }
    3837   .stacked-for-large .top-bar-left {
    3838     width: 100%; } }
    3839 
    3840 @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    3841   .top-bar-title {
    3842     width: 100%; }
    3843   .top-bar-right {
    3844     width: 100%; }
    3845   .top-bar-left {
    3846     width: 100%; } }
     3228  @media screen and (min-width: 40em) {
     3229    .top-bar .top-bar-left,
     3230    .top-bar .top-bar-right {
     3231      width: auto; } }
     3232  @media screen and (max-width: 63.9375em) {
     3233    .top-bar.stacked-for-medium .top-bar-left,
     3234    .top-bar.stacked-for-medium .top-bar-right {
     3235      width: 100%; } }
     3236  @media screen and (max-width: 74.9375em) {
     3237    .top-bar.stacked-for-large .top-bar-left,
     3238    .top-bar.stacked-for-large .top-bar-right {
     3239      width: 100%; } }
    38473240
    38483241.top-bar-title {
     
    38563249  float: right; }
    38573250
    3858 /*# sourceMappingURL=foundation.css.map */
     3251.hide {
     3252  display: none !important; }
     3253
     3254.invisible {
     3255  visibility: hidden; }
     3256
     3257@media screen and (max-width: 39.9375em) {
     3258  .hide-for-small-only {
     3259    display: none !important; } }
     3260
     3261@media screen and (max-width: 0em), screen and (min-width: 40em) {
     3262  .show-for-small-only {
     3263    display: none !important; } }
     3264
     3265@media screen and (min-width: 40em) {
     3266  .hide-for-medium {
     3267    display: none !important; } }
     3268
     3269@media screen and (max-width: 39.9375em) {
     3270  .show-for-medium {
     3271    display: none !important; } }
     3272
     3273@media screen and (min-width: 40em) and (max-width: 63.9375em) {
     3274  .hide-for-medium-only {
     3275    display: none !important; } }
     3276
     3277@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
     3278  .show-for-medium-only {
     3279    display: none !important; } }
     3280
     3281@media screen and (min-width: 64em) {
     3282  .hide-for-large {
     3283    display: none !important; } }
     3284
     3285@media screen and (max-width: 63.9375em) {
     3286  .show-for-large {
     3287    display: none !important; } }
     3288
     3289@media screen and (min-width: 64em) and (max-width: 74.9375em) {
     3290  .hide-for-large-only {
     3291    display: none !important; } }
     3292
     3293@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
     3294  .show-for-large-only {
     3295    display: none !important; } }
     3296
     3297.show-for-sr,
     3298.show-on-focus {
     3299  position: absolute !important;
     3300  width: 1px;
     3301  height: 1px;
     3302  overflow: hidden;
     3303  clip: rect(0, 0, 0, 0); }
     3304
     3305.show-on-focus:active, .show-on-focus:focus {
     3306  position: static !important;
     3307  height: auto;
     3308  width: auto;
     3309  overflow: visible;
     3310  clip: auto; }
     3311
     3312.show-for-landscape,
     3313.hide-for-portrait {
     3314  display: block !important; }
     3315  @media screen and (orientation: landscape) {
     3316    .show-for-landscape,
     3317    .hide-for-portrait {
     3318      display: block !important; } }
     3319  @media screen and (orientation: portrait) {
     3320    .show-for-landscape,
     3321    .hide-for-portrait {
     3322      display: none !important; } }
     3323
     3324.hide-for-landscape,
     3325.show-for-portrait {
     3326  display: none !important; }
     3327  @media screen and (orientation: landscape) {
     3328    .hide-for-landscape,
     3329    .show-for-portrait {
     3330      display: none !important; } }
     3331  @media screen and (orientation: portrait) {
     3332    .hide-for-landscape,
     3333    .show-for-portrait {
     3334      display: block !important; } }
     3335
     3336.float-left {
     3337  float: left !important; }
     3338
     3339.float-right {
     3340  float: right !important; }
     3341
     3342.float-center {
     3343  display: block;
     3344  margin-left: auto;
     3345  margin-right: auto; }
     3346
     3347.clearfix::before, .clearfix::after {
     3348  content: ' ';
     3349  display: table;
     3350  flex-basis: 0;
     3351  order: 1; }
     3352
     3353.clearfix::after {
     3354  clear: both; }
     3355
     3356.slide-in-down.mui-enter {
     3357  transition-duration: 500ms;
     3358  transition-timing-function: linear;
     3359  transform: translateY(-100%);
     3360  transition-property: transform, opacity;
     3361  backface-visibility: hidden; }
     3362
     3363.slide-in-down.mui-enter.mui-enter-active {
     3364  transform: translateY(0); }
     3365
     3366.slide-in-left.mui-enter {
     3367  transition-duration: 500ms;
     3368  transition-timing-function: linear;
     3369  transform: translateX(-100%);
     3370  transition-property: transform, opacity;
     3371  backface-visibility: hidden; }
     3372
     3373.slide-in-left.mui-enter.mui-enter-active {
     3374  transform: translateX(0); }
     3375
     3376.slide-in-up.mui-enter {
     3377  transition-duration: 500ms;
     3378  transition-timing-function: linear;
     3379  transform: translateY(100%);
     3380  transition-property: transform, opacity;
     3381  backface-visibility: hidden; }
     3382
     3383.slide-in-up.mui-enter.mui-enter-active {
     3384  transform: translateY(0); }
     3385
     3386.slide-in-right.mui-enter {
     3387  transition-duration: 500ms;
     3388  transition-timing-function: linear;
     3389  transform: translateX(100%);
     3390  transition-property: transform, opacity;
     3391  backface-visibility: hidden; }
     3392
     3393.slide-in-right.mui-enter.mui-enter-active {
     3394  transform: translateX(0); }
     3395
     3396.slide-out-down.mui-leave {
     3397  transition-duration: 500ms;
     3398  transition-timing-function: linear;
     3399  transform: translateY(0);
     3400  transition-property: transform, opacity;
     3401  backface-visibility: hidden; }
     3402
     3403.slide-out-down.mui-leave.mui-leave-active {
     3404  transform: translateY(100%); }
     3405
     3406.slide-out-right.mui-leave {
     3407  transition-duration: 500ms;
     3408  transition-timing-function: linear;
     3409  transform: translateX(0);
     3410  transition-property: transform, opacity;
     3411  backface-visibility: hidden; }
     3412
     3413.slide-out-right.mui-leave.mui-leave-active {
     3414  transform: translateX(100%); }
     3415
     3416.slide-out-up.mui-leave {
     3417  transition-duration: 500ms;
     3418  transition-timing-function: linear;
     3419  transform: translateY(0);
     3420  transition-property: transform, opacity;
     3421  backface-visibility: hidden; }
     3422
     3423.slide-out-up.mui-leave.mui-leave-active {
     3424  transform: translateY(-100%); }
     3425
     3426.slide-out-left.mui-leave {
     3427  transition-duration: 500ms;
     3428  transition-timing-function: linear;
     3429  transform: translateX(0);
     3430  transition-property: transform, opacity;
     3431  backface-visibility: hidden; }
     3432
     3433.slide-out-left.mui-leave.mui-leave-active {
     3434  transform: translateX(-100%); }
     3435
     3436.fade-in.mui-enter {
     3437  transition-duration: 500ms;
     3438  transition-timing-function: linear;
     3439  opacity: 0;
     3440  transition-property: opacity; }
     3441
     3442.fade-in.mui-enter.mui-enter-active {
     3443  opacity: 1; }
     3444
     3445.fade-out.mui-leave {
     3446  transition-duration: 500ms;
     3447  transition-timing-function: linear;
     3448  opacity: 1;
     3449  transition-property: opacity; }
     3450
     3451.fade-out.mui-leave.mui-leave-active {
     3452  opacity: 0; }
     3453
     3454.hinge-in-from-top.mui-enter {
     3455  transition-duration: 500ms;
     3456  transition-timing-function: linear;
     3457  transform: perspective(2000px) rotateX(-90deg);
     3458  transform-origin: top;
     3459  transition-property: transform, opacity;
     3460  opacity: 0; }
     3461
     3462.hinge-in-from-top.mui-enter.mui-enter-active {
     3463  transform: perspective(2000px) rotate(0deg);
     3464  opacity: 1; }
     3465
     3466.hinge-in-from-right.mui-enter {
     3467  transition-duration: 500ms;
     3468  transition-timing-function: linear;
     3469  transform: perspective(2000px) rotateY(-90deg);
     3470  transform-origin: right;
     3471  transition-property: transform, opacity;
     3472  opacity: 0; }
     3473
     3474.hinge-in-from-right.mui-enter.mui-enter-active {
     3475  transform: perspective(2000px) rotate(0deg);
     3476  opacity: 1; }
     3477
     3478.hinge-in-from-bottom.mui-enter {
     3479  transition-duration: 500ms;
     3480  transition-timing-function: linear;
     3481  transform: perspective(2000px) rotateX(90deg);
     3482  transform-origin: bottom;
     3483  transition-property: transform, opacity;
     3484  opacity: 0; }
     3485
     3486.hinge-in-from-bottom.mui-enter.mui-enter-active {
     3487  transform: perspective(2000px) rotate(0deg);
     3488  opacity: 1; }
     3489
     3490.hinge-in-from-left.mui-enter {
     3491  transition-duration: 500ms;
     3492  transition-timing-function: linear;
     3493  transform: perspective(2000px) rotateY(90deg);
     3494  transform-origin: left;
     3495  transition-property: transform, opacity;
     3496  opacity: 0; }
     3497
     3498.hinge-in-from-left.mui-enter.mui-enter-active {
     3499  transform: perspective(2000px) rotate(0deg);
     3500  opacity: 1; }
     3501
     3502.hinge-in-from-middle-x.mui-enter {
     3503  transition-duration: 500ms;
     3504  transition-timing-function: linear;
     3505  transform: perspective(2000px) rotateX(-90deg);
     3506  transform-origin: center;
     3507  transition-property: transform, opacity;
     3508  opacity: 0; }
     3509
     3510.hinge-in-from-middle-x.mui-enter.mui-enter-active {
     3511  transform: perspective(2000px) rotate(0deg);
     3512  opacity: 1; }
     3513
     3514.hinge-in-from-middle-y.mui-enter {
     3515  transition-duration: 500ms;
     3516  transition-timing-function: linear;
     3517  transform: perspective(2000px) rotateY(-90deg);
     3518  transform-origin: center;
     3519  transition-property: transform, opacity;
     3520  opacity: 0; }
     3521
     3522.hinge-in-from-middle-y.mui-enter.mui-enter-active {
     3523  transform: perspective(2000px) rotate(0deg);
     3524  opacity: 1; }
     3525
     3526.hinge-out-from-top.mui-leave {
     3527  transition-duration: 500ms;
     3528  transition-timing-function: linear;
     3529  transform: perspective(2000px) rotate(0deg);
     3530  transform-origin: top;
     3531  transition-property: transform, opacity;
     3532  opacity: 1; }
     3533
     3534.hinge-out-from-top.mui-leave.mui-leave-active {
     3535  transform: perspective(2000px) rotateX(-90deg);
     3536  opacity: 0; }
     3537
     3538.hinge-out-from-right.mui-leave {
     3539  transition-duration: 500ms;
     3540  transition-timing-function: linear;
     3541  transform: perspective(2000px) rotate(0deg);
     3542  transform-origin: right;
     3543  transition-property: transform, opacity;
     3544  opacity: 1; }
     3545
     3546.hinge-out-from-right.mui-leave.mui-leave-active {
     3547  transform: perspective(2000px) rotateY(-90deg);
     3548  opacity: 0; }
     3549
     3550.hinge-out-from-bottom.mui-leave {
     3551  transition-duration: 500ms;
     3552  transition-timing-function: linear;
     3553  transform: perspective(2000px) rotate(0deg);
     3554  transform-origin: bottom;
     3555  transition-property: transform, opacity;
     3556  opacity: 1; }
     3557
     3558.hinge-out-from-bottom.mui-leave.mui-leave-active {
     3559  transform: perspective(2000px) rotateX(90deg);
     3560  opacity: 0; }
     3561
     3562.hinge-out-from-left.mui-leave {
     3563  transition-duration: 500ms;
     3564  transition-timing-function: linear;
     3565  transform: perspective(2000px) rotate(0deg);
     3566  transform-origin: left;
     3567  transition-property: transform, opacity;
     3568  opacity: 1; }
     3569
     3570.hinge-out-from-left.mui-leave.mui-leave-active {
     3571  transform: perspective(2000px) rotateY(90deg);
     3572  opacity: 0; }
     3573
     3574.hinge-out-from-middle-x.mui-leave {
     3575  transition-duration: 500ms;
     3576  transition-timing-function: linear;
     3577  transform: perspective(2000px) rotate(0deg);
     3578  transform-origin: center;
     3579  transition-property: transform, opacity;
     3580  opacity: 1; }
     3581
     3582.hinge-out-from-middle-x.mui-leave.mui-leave-active {
     3583  transform: perspective(2000px) rotateX(-90deg);
     3584  opacity: 0; }
     3585
     3586.hinge-out-from-middle-y.mui-leave {
     3587  transition-duration: 500ms;
     3588  transition-timing-function: linear;
     3589  transform: perspective(2000px) rotate(0deg);
     3590  transform-origin: center;
     3591  transition-property: transform, opacity;
     3592  opacity: 1; }
     3593
     3594.hinge-out-from-middle-y.mui-leave.mui-leave-active {
     3595  transform: perspective(2000px) rotateY(-90deg);
     3596  opacity: 0; }
     3597
     3598.scale-in-up.mui-enter {
     3599  transition-duration: 500ms;
     3600  transition-timing-function: linear;
     3601  transform: scale(0.5);
     3602  transition-property: transform, opacity;
     3603  opacity: 0; }
     3604
     3605.scale-in-up.mui-enter.mui-enter-active {
     3606  transform: scale(1);
     3607  opacity: 1; }
     3608
     3609.scale-in-down.mui-enter {
     3610  transition-duration: 500ms;
     3611  transition-timing-function: linear;
     3612  transform: scale(1.5);
     3613  transition-property: transform, opacity;
     3614  opacity: 0; }
     3615
     3616.scale-in-down.mui-enter.mui-enter-active {
     3617  transform: scale(1);
     3618  opacity: 1; }
     3619
     3620.scale-out-up.mui-leave {
     3621  transition-duration: 500ms;
     3622  transition-timing-function: linear;
     3623  transform: scale(1);
     3624  transition-property: transform, opacity;
     3625  opacity: 1; }
     3626
     3627.scale-out-up.mui-leave.mui-leave-active {
     3628  transform: scale(1.5);
     3629  opacity: 0; }
     3630
     3631.scale-out-down.mui-leave {
     3632  transition-duration: 500ms;
     3633  transition-timing-function: linear;
     3634  transform: scale(1);
     3635  transition-property: transform, opacity;
     3636  opacity: 1; }
     3637
     3638.scale-out-down.mui-leave.mui-leave-active {
     3639  transform: scale(0.5);
     3640  opacity: 0; }
     3641
     3642.spin-in.mui-enter {
     3643  transition-duration: 500ms;
     3644  transition-timing-function: linear;
     3645  transform: rotate(-0.75turn);
     3646  transition-property: transform, opacity;
     3647  opacity: 0; }
     3648
     3649.spin-in.mui-enter.mui-enter-active {
     3650  transform: rotate(0);
     3651  opacity: 1; }
     3652
     3653.spin-out.mui-leave {
     3654  transition-duration: 500ms;
     3655  transition-timing-function: linear;
     3656  transform: rotate(0);
     3657  transition-property: transform, opacity;
     3658  opacity: 1; }
     3659
     3660.spin-out.mui-leave.mui-leave-active {
     3661  transform: rotate(0.75turn);
     3662  opacity: 0; }
     3663
     3664.spin-in-ccw.mui-enter {
     3665  transition-duration: 500ms;
     3666  transition-timing-function: linear;
     3667  transform: rotate(0.75turn);
     3668  transition-property: transform, opacity;
     3669  opacity: 0; }
     3670
     3671.spin-in-ccw.mui-enter.mui-enter-active {
     3672  transform: rotate(0);
     3673  opacity: 1; }
     3674
     3675.spin-out-ccw.mui-leave {
     3676  transition-duration: 500ms;
     3677  transition-timing-function: linear;
     3678  transform: rotate(0);
     3679  transition-property: transform, opacity;
     3680  opacity: 1; }
     3681
     3682.spin-out-ccw.mui-leave.mui-leave-active {
     3683  transform: rotate(-0.75turn);
     3684  opacity: 0; }
     3685
     3686.slow {
     3687  transition-duration: 750ms !important; }
     3688
     3689.fast {
     3690  transition-duration: 250ms !important; }
     3691
     3692.linear {
     3693  transition-timing-function: linear !important; }
     3694
     3695.ease {
     3696  transition-timing-function: ease !important; }
     3697
     3698.ease-in {
     3699  transition-timing-function: ease-in !important; }
     3700
     3701.ease-out {
     3702  transition-timing-function: ease-out !important; }
     3703
     3704.ease-in-out {
     3705  transition-timing-function: ease-in-out !important; }
     3706
     3707.bounce-in {
     3708  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
     3709
     3710.bounce-out {
     3711  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
     3712
     3713.bounce-in-out {
     3714  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
     3715
     3716.short-delay {
     3717  transition-delay: 300ms !important; }
     3718
     3719.long-delay {
     3720  transition-delay: 700ms !important; }
     3721
     3722.shake {
     3723  animation-name: shake-7; }
     3724
     3725@keyframes shake-7 {
     3726  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
     3727    transform: translateX(7%); }
     3728  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
     3729    transform: translateX(-7%); } }
     3730
     3731.spin-cw {
     3732  animation-name: spin-cw-1turn; }
     3733
     3734@keyframes spin-cw-1turn {
     3735  0% {
     3736    transform: rotate(-1turn); }
     3737  100% {
     3738    transform: rotate(0); } }
     3739
     3740.spin-ccw {
     3741  animation-name: spin-cw-1turn; }
     3742
     3743@keyframes spin-cw-1turn {
     3744  0% {
     3745    transform: rotate(0); }
     3746  100% {
     3747    transform: rotate(1turn); } }
     3748
     3749.wiggle {
     3750  animation-name: wiggle-7deg; }
     3751
     3752@keyframes wiggle-7deg {
     3753  40%, 50%, 60% {
     3754    transform: rotate(7deg); }
     3755  35%, 45%, 55%, 65% {
     3756    transform: rotate(-7deg); }
     3757  0%, 30%, 70%, 100% {
     3758    transform: rotate(0); } }
     3759
     3760.shake,
     3761.spin-cw,
     3762.spin-ccw,
     3763.wiggle {
     3764  animation-duration: 500ms; }
     3765
     3766.infinite {
     3767  animation-iteration-count: infinite; }
     3768
     3769.slow {
     3770  animation-duration: 750ms !important; }
     3771
     3772.fast {
     3773  animation-duration: 250ms !important; }
     3774
     3775.linear {
     3776  animation-timing-function: linear !important; }
     3777
     3778.ease {
     3779  animation-timing-function: ease !important; }
     3780
     3781.ease-in {
     3782  animation-timing-function: ease-in !important; }
     3783
     3784.ease-out {
     3785  animation-timing-function: ease-out !important; }
     3786
     3787.ease-in-out {
     3788  animation-timing-function: ease-in-out !important; }
     3789
     3790.bounce-in {
     3791  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
     3792
     3793.bounce-out {
     3794  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
     3795
     3796.bounce-in-out {
     3797  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
     3798
     3799.short-delay {
     3800  animation-delay: 300ms !important; }
     3801
     3802.long-delay {
     3803  animation-delay: 700ms !important; }
  • _plugins_/foundation_6/trunk/lib/foundation-6/index.html

    r93770 r96338  
    11<!doctype html>
    2 <html class="no-js" lang="en">
     2<html class="no-js" lang="en" dir="ltr">
    33  <head>
    4     <meta charset="utf-8" />
     4    <meta charset="utf-8">
    55    <meta http-equiv="x-ua-compatible" content="ie=edge">
    6     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    7     <title>Foundation | Welcome</title>
    8     <link rel="stylesheet" href="css/foundation.css" />
    9     <link rel="stylesheet" href="css/app.css" />
     6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     7    <title>Foundation for Sites</title>
     8    <link rel="stylesheet" href="css/foundation.css">
     9    <link rel="stylesheet" href="css/app.css">
    1010  </head>
    1111  <body>
    12 
    1312    <div class="row">
    1413      <div class="large-12 columns">
    15         <h1>Welcome to Foundation for Sites 6</h1>
     14        <h1>Welcome to Foundation</h1>
    1615      </div>
    1716    </div>
     
    1918    <div class="row">
    2019      <div class="large-12 columns">
    21         <div class="callout large">
     20        <div class="callout">
    2221          <h3>We&rsquo;re stoked you want to try Foundation! </h3>
    2322          <p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
     
    2524          <div class="row">
    2625            <div class="large-4 medium-4 columns">
    27               <p><a href="http://foundation.zurb.com/sites/docs/">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
     26              <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
    2827            </div>
    2928            <div class="large-4 medium-4 columns">
     
    5352        <div class="row">
    5453          <div class="large-12 columns">
    55             <div class="callout ">
     54            <div class="primary callout">
    5655              <p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid.</p>
    5756            </div>
     
    6059        <div class="row">
    6160          <div class="large-6 medium-6 columns">
    62             <div class="callout">
     61            <div class="primary callout">
    6362              <p>Six columns</p>
    6463            </div>
    6564          </div>
    6665          <div class="large-6 medium-6 columns">
    67             <div class="callout">
     66            <div class="primary callout">
    6867              <p>Six columns</p>
    6968            </div>
     
    7271        <div class="row">
    7372          <div class="large-4 medium-4 small-4 columns">
    74             <div class="callout">
     73            <div class="primary callout">
    7574              <p>Four columns</p>
    7675            </div>
    7776          </div>
    7877          <div class="large-4 medium-4 small-4 columns">
    79             <div class="callout">
     78            <div class="primary callout">
    8079              <p>Four columns</p>
    8180            </div>
    8281          </div>
    8382          <div class="large-4 medium-4 small-4 columns">
    84             <div class="callout">
     83            <div class="primary callout">
    8584              <p>Four columns</p>
    8685            </div>
     
    108107            </div>
    109108            <div class="large-4 medium-4 columns">
    110               <label>Input Label</label>
    111               <div class="input-group">
    112                 <input type="text" placeholder="small-9.columns" class="input-group-field" />
    113                 <span class="input-group-label">.com</span>
     109              <div class="row collapse">
     110                <label>Input Label</label>
     111                <div class="input-group">
     112                  <input type="text" placeholder="small-9.columns" class="input-group-field" />
     113                  <span class="input-group-label">.com</span>
     114                </div>
    114115              </div>
    115116            </div>
     
    149150      <div class="large-4 medium-4 columns">
    150151        <h5>Try one of these buttons:</h5>
    151         <p><a href="#" class="small button">Simple Button</a><br/>
    152         <a href="#" class="medium success button">Success Button</a><br/>
    153         <a href="#" class="medium alert button">Alert Button</a><br/>
    154         <a href="#" class="medium secondary button">Secondary Button</a></p>
     152        <p><a href="#" class="button">Simple Button</a><br/>
     153        <a href="#" class="success button">Success Btn</a><br/>
     154        <a href="#" class="alert button">Alert Btn</a><br/>
     155        <a href="#" class="secondary button">Secondary Btn</a></p>
    155156        <div class="callout">
    156157          <h5>So many components, girl!</h5>
    157158          <p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p>
    158           <a href="http://foundation.zurb.com/docs/" class="small button">Go to Foundation Docs</a>
     159          <a href="http://foundation.zurb.com/sites/docs/" class="small button">Go to Foundation Docs</a>
    159160        </div>
    160161      </div>
    161162    </div>
    162163
    163     <script src="js/vendor/jquery.min.js"></script>
    164     <script src="js/vendor/what-input.min.js"></script>
    165     <script src="js/foundation.min.js"></script>
     164    <script src="js/vendor/jquery.js"></script>
     165    <script src="js/vendor/what-input.js"></script>
     166    <script src="js/vendor/foundation.js"></script>
    166167    <script src="js/app.js"></script>
    167168  </body>
  • _plugins_/foundation_6/trunk/lib/foundation-6/js/app.js

    r93770 r96338  
    1 $(document).foundation();
     1$(document).foundation()
Note: See TracChangeset for help on using the changeset viewer.