locomotivecms_wagon 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (178) hide show
  1. data/.gitignore +27 -0
  2. data/.rspec +2 -0
  3. data/Gemfile +8 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +68 -0
  6. data/Rakefile +57 -0
  7. data/TODO +57 -0
  8. data/bin/wagon +9 -0
  9. data/generators/blank/Gemfile.tt +20 -0
  10. data/generators/blank/app/content_types/.empty_directory +1 -0
  11. data/generators/blank/app/views/pages/404.liquid +11 -0
  12. data/generators/blank/app/views/pages/index.liquid +19 -0
  13. data/generators/blank/app/views/snippets/.empty_directory +1 -0
  14. data/generators/blank/config/deploy.yml +12 -0
  15. data/generators/blank/config/site.yml.tt +16 -0
  16. data/generators/blank/config/translations.yml +8 -0
  17. data/generators/blank/config.ru +3 -0
  18. data/generators/blank/data/.empty_directory +1 -0
  19. data/generators/blank/public/fonts/.empty_directory +1 -0
  20. data/generators/blank/public/images/.empty_directory +1 -0
  21. data/generators/blank/public/javascripts/.empty_directory +1 -0
  22. data/generators/blank/public/samples/.empty_directory +1 -0
  23. data/generators/blank/public/stylesheets/.empty_directory +1 -0
  24. data/generators/bootstrap/Gemfile.tt +20 -0
  25. data/generators/bootstrap/app/content_types/.empty_directory +1 -0
  26. data/generators/bootstrap/app/views/pages/404.liquid +13 -0
  27. data/generators/bootstrap/app/views/pages/404.liquid.haml +10 -0
  28. data/generators/bootstrap/app/views/pages/index.liquid +89 -0
  29. data/generators/bootstrap/app/views/pages/index.liquid.haml +72 -0
  30. data/generators/bootstrap/app/views/snippets/footer.liquid +3 -0
  31. data/generators/bootstrap/app/views/snippets/footer.liquid.haml +2 -0
  32. data/generators/bootstrap/config/deploy.yml +12 -0
  33. data/generators/bootstrap/config/site.yml.tt +16 -0
  34. data/generators/bootstrap/config/translations.yml +8 -0
  35. data/generators/bootstrap/config.ru +3 -0
  36. data/generators/bootstrap/data/.empty_directory +1 -0
  37. data/generators/bootstrap/public/fonts/FontAwesome.otf +0 -0
  38. data/generators/bootstrap/public/fonts/font-awesome-ie7.min.css +23 -0
  39. data/generators/bootstrap/public/fonts/font-awesome.css +469 -0
  40. data/generators/bootstrap/public/fonts/font-awesome.min.css +34 -0
  41. data/generators/bootstrap/public/fonts/fontawesome-webfont.eot +0 -0
  42. data/generators/bootstrap/public/fonts/fontawesome-webfont.ttf +0 -0
  43. data/generators/bootstrap/public/fonts/fontawesome-webfont.woff +0 -0
  44. data/generators/bootstrap/public/javascripts/bootstrap.js +2159 -0
  45. data/generators/bootstrap/public/javascripts/bootstrap.min.js +6 -0
  46. data/generators/bootstrap/public/samples/.empty_directory +1 -0
  47. data/generators/bootstrap/public/stylesheets/application.css.scss +39 -0
  48. data/generators/bootstrap/public/stylesheets/bootstrap-responsive.css +1092 -0
  49. data/generators/bootstrap/public/stylesheets/bootstrap-responsive.min.css +9 -0
  50. data/generators/bootstrap/public/stylesheets/bootstrap.css +5652 -0
  51. data/generators/bootstrap/public/stylesheets/bootstrap.min.css +726 -0
  52. data/generators/content_type/app/content_types/%name%.yml.tt +58 -0
  53. data/generators/content_type/data/%name%.yml.tt +24 -0
  54. data/generators/foundation/Gemfile.tt +20 -0
  55. data/generators/foundation/app/content_types/.empty_directory +1 -0
  56. data/generators/foundation/app/views/pages/404.liquid +13 -0
  57. data/generators/foundation/app/views/pages/404.liquid.haml +10 -0
  58. data/generators/foundation/app/views/pages/index.liquid +152 -0
  59. data/generators/foundation/app/views/pages/index.liquid.haml +130 -0
  60. data/generators/foundation/app/views/snippets/footer.liquid +16 -0
  61. data/generators/foundation/app/views/snippets/footer.liquid.haml +23 -0
  62. data/generators/foundation/config/deploy.yml +12 -0
  63. data/generators/foundation/config/site.yml.tt +16 -0
  64. data/generators/foundation/config/translations.yml +8 -0
  65. data/generators/foundation/config.ru +3 -0
  66. data/generators/foundation/data/.empty_directory +1 -0
  67. data/generators/foundation/public/fonts/.empty_directory +1 -0
  68. data/generators/foundation/public/javascripts/foundation/foundation.alerts.js +50 -0
  69. data/generators/foundation/public/javascripts/foundation/foundation.clearing.js +480 -0
  70. data/generators/foundation/public/javascripts/foundation/foundation.cookie.js +74 -0
  71. data/generators/foundation/public/javascripts/foundation/foundation.dropdown.js +130 -0
  72. data/generators/foundation/public/javascripts/foundation/foundation.forms.js +395 -0
  73. data/generators/foundation/public/javascripts/foundation/foundation.joyride.js +612 -0
  74. data/generators/foundation/public/javascripts/foundation/foundation.js +372 -0
  75. data/generators/foundation/public/javascripts/foundation/foundation.magellan.js +130 -0
  76. data/generators/foundation/public/javascripts/foundation/foundation.orbit.js +365 -0
  77. data/generators/foundation/public/javascripts/foundation/foundation.placeholder.js +159 -0
  78. data/generators/foundation/public/javascripts/foundation/foundation.reveal.js +270 -0
  79. data/generators/foundation/public/javascripts/foundation/foundation.section.js +272 -0
  80. data/generators/foundation/public/javascripts/foundation/foundation.tooltips.js +195 -0
  81. data/generators/foundation/public/javascripts/foundation/foundation.topbar.js +225 -0
  82. data/generators/foundation/public/javascripts/foundation.min.js +14 -0
  83. data/generators/foundation/public/javascripts/vendor/custom.modernizr.js +4 -0
  84. data/generators/foundation/public/javascripts/vendor/jquery.js +9597 -0
  85. data/generators/foundation/public/javascripts/vendor/zepto.js +1884 -0
  86. data/generators/foundation/public/samples/.empty_directory +1 -0
  87. data/generators/foundation/public/stylesheets/foundation.css +3818 -0
  88. data/generators/foundation/public/stylesheets/foundation.min.css +1 -0
  89. data/generators/foundation/public/stylesheets/normalize.css +396 -0
  90. data/generators/page/template.liquid.haml.tt +35 -0
  91. data/generators/page/template.liquid.tt +1 -0
  92. data/generators/snippet/template.liquid.haml.tt +4 -0
  93. data/generators/snippet/template.liquid.tt +4 -0
  94. data/lib/locomotive/wagon/cli.rb +238 -0
  95. data/lib/locomotive/wagon/exceptions.rb +35 -0
  96. data/lib/locomotive/wagon/generators/content_type.rb +47 -0
  97. data/lib/locomotive/wagon/generators/page.rb +63 -0
  98. data/lib/locomotive/wagon/generators/site/base.rb +30 -0
  99. data/lib/locomotive/wagon/generators/site/blank.rb +23 -0
  100. data/lib/locomotive/wagon/generators/site/bootstrap.rb +35 -0
  101. data/lib/locomotive/wagon/generators/site/foundation.rb +35 -0
  102. data/lib/locomotive/wagon/generators/site/unzip.rb +81 -0
  103. data/lib/locomotive/wagon/generators/site.rb +99 -0
  104. data/lib/locomotive/wagon/generators/snippet.rb +60 -0
  105. data/lib/locomotive/wagon/liquid/drops/base.rb +44 -0
  106. data/lib/locomotive/wagon/liquid/drops/content_entry.rb +48 -0
  107. data/lib/locomotive/wagon/liquid/drops/content_types.rb +121 -0
  108. data/lib/locomotive/wagon/liquid/drops/page.rb +36 -0
  109. data/lib/locomotive/wagon/liquid/drops/site.rb +21 -0
  110. data/lib/locomotive/wagon/liquid/errors.rb +7 -0
  111. data/lib/locomotive/wagon/liquid/filters/date.rb +98 -0
  112. data/lib/locomotive/wagon/liquid/filters/html.rb +154 -0
  113. data/lib/locomotive/wagon/liquid/filters/misc.rb +28 -0
  114. data/lib/locomotive/wagon/liquid/filters/resize.rb +18 -0
  115. data/lib/locomotive/wagon/liquid/filters/text.rb +50 -0
  116. data/lib/locomotive/wagon/liquid/filters/translate.rb +24 -0
  117. data/lib/locomotive/wagon/liquid/patches.rb +47 -0
  118. data/lib/locomotive/wagon/liquid/tags/consume.rb +58 -0
  119. data/lib/locomotive/wagon/liquid/tags/csrf.rb +34 -0
  120. data/lib/locomotive/wagon/liquid/tags/editable/base.rb +46 -0
  121. data/lib/locomotive/wagon/liquid/tags/editable/control.rb +19 -0
  122. data/lib/locomotive/wagon/liquid/tags/editable/file.rb +15 -0
  123. data/lib/locomotive/wagon/liquid/tags/editable/long_text.rb +15 -0
  124. data/lib/locomotive/wagon/liquid/tags/editable/short_text.rb +15 -0
  125. data/lib/locomotive/wagon/liquid/tags/editable.rb +5 -0
  126. data/lib/locomotive/wagon/liquid/tags/extends.rb +25 -0
  127. data/lib/locomotive/wagon/liquid/tags/google_analytics.rb +28 -0
  128. data/lib/locomotive/wagon/liquid/tags/inline_editor.rb +16 -0
  129. data/lib/locomotive/wagon/liquid/tags/locale_switcher.rb +106 -0
  130. data/lib/locomotive/wagon/liquid/tags/nav.rb +167 -0
  131. data/lib/locomotive/wagon/liquid/tags/paginate.rb +105 -0
  132. data/lib/locomotive/wagon/liquid/tags/seo.rb +74 -0
  133. data/lib/locomotive/wagon/liquid/tags/snippet.rb +44 -0
  134. data/lib/locomotive/wagon/liquid/tags/with_scope.rb +43 -0
  135. data/lib/locomotive/wagon/liquid.rb +19 -0
  136. data/lib/locomotive/wagon/listen.rb +57 -0
  137. data/lib/locomotive/wagon/logger.rb +54 -0
  138. data/lib/locomotive/wagon/misc/core_ext.rb +29 -0
  139. data/lib/locomotive/wagon/misc/dragonfly.rb +79 -0
  140. data/lib/locomotive/wagon/misc/httparty.rb +46 -0
  141. data/lib/locomotive/wagon/misc/i18n.rb +2 -0
  142. data/lib/locomotive/wagon/misc/will_paginate.rb +16 -0
  143. data/lib/locomotive/wagon/misc.rb +5 -0
  144. data/lib/locomotive/wagon/server/dynamic_assets.rb +31 -0
  145. data/lib/locomotive/wagon/server/entry_submission.rb +116 -0
  146. data/lib/locomotive/wagon/server/favicon.rb +17 -0
  147. data/lib/locomotive/wagon/server/locale.rb +42 -0
  148. data/lib/locomotive/wagon/server/logging.rb +32 -0
  149. data/lib/locomotive/wagon/server/middleware.rb +59 -0
  150. data/lib/locomotive/wagon/server/not_found.rb +19 -0
  151. data/lib/locomotive/wagon/server/page.rb +61 -0
  152. data/lib/locomotive/wagon/server/path.rb +34 -0
  153. data/lib/locomotive/wagon/server/renderer.rb +105 -0
  154. data/lib/locomotive/wagon/server/templatized_page.rb +32 -0
  155. data/lib/locomotive/wagon/server.rb +81 -0
  156. data/lib/locomotive/wagon/standalone_server.rb +28 -0
  157. data/lib/locomotive/wagon/version.rb +5 -0
  158. data/lib/locomotive/wagon.rb +163 -0
  159. data/locales/de.yml +156 -0
  160. data/locales/en.yml +177 -0
  161. data/locales/es.yml +132 -0
  162. data/locales/et.yml +153 -0
  163. data/locales/fr.yml +146 -0
  164. data/locales/it.yml +154 -0
  165. data/locales/nb.yml +190 -0
  166. data/locales/nl.yml +159 -0
  167. data/locales/pl.yml +202 -0
  168. data/locales/pt-BR.yml +138 -0
  169. data/locales/ru.yml +223 -0
  170. data/locomotivecms_wagon.gemspec +44 -0
  171. data/spec/integration/cassettes/pull.yml +590 -0
  172. data/spec/integration/cassettes/push.yml +810 -0
  173. data/spec/integration/integration_helper.rb +14 -0
  174. data/spec/integration/server_spec.rb +38 -0
  175. data/spec/integration/sites_spec.rb +29 -0
  176. data/spec/spec_helper.rb +12 -0
  177. data/spec/support/helpers.rb +13 -0
  178. metadata +544 -0
@@ -0,0 +1,3818 @@
1
+ *,
2
+ *:before,
3
+ *:after {
4
+ -moz-box-sizing: border-box;
5
+ -webkit-box-sizing: border-box;
6
+ box-sizing: border-box; }
7
+
8
+ html,
9
+ body {
10
+ font-size: 100%; }
11
+
12
+ body {
13
+ background: white;
14
+ color: #222222;
15
+ padding: 0;
16
+ margin: 0;
17
+ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
18
+ font-weight: normal;
19
+ font-style: normal;
20
+ line-height: 1;
21
+ position: relative; }
22
+
23
+ a:focus {
24
+ outline: none; }
25
+
26
+ img,
27
+ object,
28
+ embed {
29
+ max-width: 100%;
30
+ height: auto; }
31
+
32
+ object,
33
+ embed {
34
+ height: 100%; }
35
+
36
+ img {
37
+ -ms-interpolation-mode: bicubic; }
38
+
39
+ #map_canvas img,
40
+ #map_canvas embed,
41
+ #map_canvas object,
42
+ .map_canvas img,
43
+ .map_canvas embed,
44
+ .map_canvas object {
45
+ max-width: none !important; }
46
+
47
+ .left {
48
+ float: left !important; }
49
+
50
+ .right {
51
+ float: right !important; }
52
+
53
+ .text-left {
54
+ text-align: left !important; }
55
+
56
+ .text-right {
57
+ text-align: right !important; }
58
+
59
+ .text-center {
60
+ text-align: center !important; }
61
+
62
+ .text-justify {
63
+ text-align: justify !important; }
64
+
65
+ .hide {
66
+ display: none; }
67
+
68
+ .antialiased {
69
+ -webkit-font-smoothing: antialiased; }
70
+
71
+ img {
72
+ display: inline-block; }
73
+
74
+ textarea {
75
+ height: auto;
76
+ min-height: 50px; }
77
+
78
+ select {
79
+ width: 100%; }
80
+
81
+ /* Grid HTML Classes */
82
+ .row {
83
+ width: 100%;
84
+ margin-left: auto;
85
+ margin-right: auto;
86
+ margin-top: 0;
87
+ margin-bottom: 0;
88
+ max-width: 62.5em;
89
+ *zoom: 1; }
90
+ .row:before, .row:after {
91
+ content: " ";
92
+ display: table; }
93
+ .row:after {
94
+ clear: both; }
95
+ .row .column,
96
+ .row .columns {
97
+ position: relative;
98
+ padding-left: 0.9375em;
99
+ padding-right: 0.9375em;
100
+ width: 100%;
101
+ float: left; }
102
+ .row.collapse .column,
103
+ .row.collapse .columns {
104
+ position: relative;
105
+ padding-left: 0;
106
+ padding-right: 0;
107
+ float: left; }
108
+ .row .row {
109
+ width: auto;
110
+ margin-left: -0.9375em;
111
+ margin-right: -0.9375em;
112
+ margin-top: 0;
113
+ margin-bottom: 0;
114
+ max-width: none;
115
+ *zoom: 1; }
116
+ .row .row:before, .row .row:after {
117
+ content: " ";
118
+ display: table; }
119
+ .row .row:after {
120
+ clear: both; }
121
+ .row .row.collapse {
122
+ width: auto;
123
+ margin: 0;
124
+ max-width: none;
125
+ *zoom: 1; }
126
+ .row .row.collapse:before, .row .row.collapse:after {
127
+ content: " ";
128
+ display: table; }
129
+ .row .row.collapse:after {
130
+ clear: both; }
131
+
132
+ @media only screen {
133
+ .row .column,
134
+ .row .columns {
135
+ position: relative;
136
+ padding-left: 0.9375em;
137
+ padding-right: 0.9375em;
138
+ float: left; }
139
+
140
+ .row .small-1 {
141
+ position: relative;
142
+ width: 8.33333%; }
143
+
144
+ .row .small-2 {
145
+ position: relative;
146
+ width: 16.66667%; }
147
+
148
+ .row .small-3 {
149
+ position: relative;
150
+ width: 25%; }
151
+
152
+ .row .small-4 {
153
+ position: relative;
154
+ width: 33.33333%; }
155
+
156
+ .row .small-5 {
157
+ position: relative;
158
+ width: 41.66667%; }
159
+
160
+ .row .small-6 {
161
+ position: relative;
162
+ width: 50%; }
163
+
164
+ .row .small-7 {
165
+ position: relative;
166
+ width: 58.33333%; }
167
+
168
+ .row .small-8 {
169
+ position: relative;
170
+ width: 66.66667%; }
171
+
172
+ .row .small-9 {
173
+ position: relative;
174
+ width: 75%; }
175
+
176
+ .row .small-10 {
177
+ position: relative;
178
+ width: 83.33333%; }
179
+
180
+ .row .small-11 {
181
+ position: relative;
182
+ width: 91.66667%; }
183
+
184
+ .row .small-12 {
185
+ position: relative;
186
+ width: 100%; }
187
+
188
+ .row .small-offset-1 {
189
+ position: relative;
190
+ margin-left: 8.33333%; }
191
+
192
+ .row .small-offset-2 {
193
+ position: relative;
194
+ margin-left: 16.66667%; }
195
+
196
+ .row .small-offset-3 {
197
+ position: relative;
198
+ margin-left: 25%; }
199
+
200
+ .row .small-offset-4 {
201
+ position: relative;
202
+ margin-left: 33.33333%; }
203
+
204
+ .row .small-offset-5 {
205
+ position: relative;
206
+ margin-left: 41.66667%; }
207
+
208
+ .row .small-offset-6 {
209
+ position: relative;
210
+ margin-left: 50%; }
211
+
212
+ .row .small-offset-7 {
213
+ position: relative;
214
+ margin-left: 58.33333%; }
215
+
216
+ .row .small-offset-8 {
217
+ position: relative;
218
+ margin-left: 66.66667%; }
219
+
220
+ .row .small-offset-9 {
221
+ position: relative;
222
+ margin-left: 75%; }
223
+
224
+ .row .small-offset-10 {
225
+ position: relative;
226
+ margin-left: 83.33333%; }
227
+
228
+ [class*="column"] + [class*="column"]:last-child {
229
+ float: right; }
230
+
231
+ [class*="column"] + [class*="column"].end {
232
+ float: left; }
233
+
234
+ .column.small-centered,
235
+ .columns.small-centered {
236
+ position: relative;
237
+ margin-left: auto;
238
+ margin-right: auto;
239
+ float: none !important; } }
240
+ /* Styles for screens that are atleast 768px; */
241
+ @media only screen and (min-width: 48em) {
242
+ .row .large-1 {
243
+ position: relative;
244
+ width: 8.33333%; }
245
+
246
+ .row .large-2 {
247
+ position: relative;
248
+ width: 16.66667%; }
249
+
250
+ .row .large-3 {
251
+ position: relative;
252
+ width: 25%; }
253
+
254
+ .row .large-4 {
255
+ position: relative;
256
+ width: 33.33333%; }
257
+
258
+ .row .large-5 {
259
+ position: relative;
260
+ width: 41.66667%; }
261
+
262
+ .row .large-6 {
263
+ position: relative;
264
+ width: 50%; }
265
+
266
+ .row .large-7 {
267
+ position: relative;
268
+ width: 58.33333%; }
269
+
270
+ .row .large-8 {
271
+ position: relative;
272
+ width: 66.66667%; }
273
+
274
+ .row .large-9 {
275
+ position: relative;
276
+ width: 75%; }
277
+
278
+ .row .large-10 {
279
+ position: relative;
280
+ width: 83.33333%; }
281
+
282
+ .row .large-11 {
283
+ position: relative;
284
+ width: 91.66667%; }
285
+
286
+ .row .large-12 {
287
+ position: relative;
288
+ width: 100%; }
289
+
290
+ .row .large-offset-1 {
291
+ position: relative;
292
+ margin-left: 8.33333%; }
293
+
294
+ .row .large-offset-2 {
295
+ position: relative;
296
+ margin-left: 16.66667%; }
297
+
298
+ .row .large-offset-3 {
299
+ position: relative;
300
+ margin-left: 25%; }
301
+
302
+ .row .large-offset-4 {
303
+ position: relative;
304
+ margin-left: 33.33333%; }
305
+
306
+ .row .large-offset-5 {
307
+ position: relative;
308
+ margin-left: 41.66667%; }
309
+
310
+ .row .large-offset-6 {
311
+ position: relative;
312
+ margin-left: 50%; }
313
+
314
+ .row .large-offset-7 {
315
+ position: relative;
316
+ margin-left: 58.33333%; }
317
+
318
+ .row .large-offset-8 {
319
+ position: relative;
320
+ margin-left: 66.66667%; }
321
+
322
+ .row .large-offset-9 {
323
+ position: relative;
324
+ margin-left: 75%; }
325
+
326
+ .row .large-offset-10 {
327
+ position: relative;
328
+ margin-left: 83.33333%; }
329
+
330
+ .push-2 {
331
+ position: relative;
332
+ left: 16.66667%;
333
+ right: auto; }
334
+
335
+ .pull-2 {
336
+ position: relative;
337
+ right: 16.66667%;
338
+ left: auto; }
339
+
340
+ .push-3 {
341
+ position: relative;
342
+ left: 25%;
343
+ right: auto; }
344
+
345
+ .pull-3 {
346
+ position: relative;
347
+ right: 25%;
348
+ left: auto; }
349
+
350
+ .push-4 {
351
+ position: relative;
352
+ left: 33.33333%;
353
+ right: auto; }
354
+
355
+ .pull-4 {
356
+ position: relative;
357
+ right: 33.33333%;
358
+ left: auto; }
359
+
360
+ .push-5 {
361
+ position: relative;
362
+ left: 41.66667%;
363
+ right: auto; }
364
+
365
+ .pull-5 {
366
+ position: relative;
367
+ right: 41.66667%;
368
+ left: auto; }
369
+
370
+ .push-6 {
371
+ position: relative;
372
+ left: 50%;
373
+ right: auto; }
374
+
375
+ .pull-6 {
376
+ position: relative;
377
+ right: 50%;
378
+ left: auto; }
379
+
380
+ .push-7 {
381
+ position: relative;
382
+ left: 58.33333%;
383
+ right: auto; }
384
+
385
+ .pull-7 {
386
+ position: relative;
387
+ right: 58.33333%;
388
+ left: auto; }
389
+
390
+ .push-8 {
391
+ position: relative;
392
+ left: 66.66667%;
393
+ right: auto; }
394
+
395
+ .pull-8 {
396
+ position: relative;
397
+ right: 66.66667%;
398
+ left: auto; }
399
+
400
+ .push-9 {
401
+ position: relative;
402
+ left: 75%;
403
+ right: auto; }
404
+
405
+ .pull-9 {
406
+ position: relative;
407
+ right: 75%;
408
+ left: auto; }
409
+
410
+ .push-10 {
411
+ position: relative;
412
+ left: 83.33333%;
413
+ right: auto; }
414
+
415
+ .pull-10 {
416
+ position: relative;
417
+ right: 83.33333%;
418
+ left: auto; }
419
+
420
+ .small-push-2 {
421
+ left: inherit; }
422
+
423
+ .small-pull-2 {
424
+ right: inherit; }
425
+
426
+ .small-push-3 {
427
+ left: inherit; }
428
+
429
+ .small-pull-3 {
430
+ right: inherit; }
431
+
432
+ .small-push-4 {
433
+ left: inherit; }
434
+
435
+ .small-pull-4 {
436
+ right: inherit; }
437
+
438
+ .small-push-5 {
439
+ left: inherit; }
440
+
441
+ .small-pull-5 {
442
+ right: inherit; }
443
+
444
+ .small-push-6 {
445
+ left: inherit; }
446
+
447
+ .small-pull-6 {
448
+ right: inherit; }
449
+
450
+ .small-push-7 {
451
+ left: inherit; }
452
+
453
+ .small-pull-7 {
454
+ right: inherit; }
455
+
456
+ .small-push-8 {
457
+ left: inherit; }
458
+
459
+ .small-pull-8 {
460
+ right: inherit; }
461
+
462
+ .small-push-9 {
463
+ left: inherit; }
464
+
465
+ .small-pull-9 {
466
+ right: inherit; }
467
+
468
+ .small-push-10 {
469
+ left: inherit; }
470
+
471
+ .small-pull-10 {
472
+ right: inherit; }
473
+
474
+ .column.large-centered,
475
+ .columns.large-centered {
476
+ position: relative;
477
+ margin-left: auto;
478
+ margin-right: auto;
479
+ float: none !important; } }
480
+ /* Foundation Visibility HTML Classes */
481
+ .show-for-small,
482
+ .show-for-medium-down,
483
+ .show-for-large-down {
484
+ display: inherit !important; }
485
+
486
+ .show-for-medium,
487
+ .show-for-medium-up,
488
+ .show-for-large,
489
+ .show-for-large-up,
490
+ .show-for-xlarge {
491
+ display: none !important; }
492
+
493
+ .hide-for-medium,
494
+ .hide-for-medium-up,
495
+ .hide-for-large,
496
+ .hide-for-large-up,
497
+ .hide-for-xlarge {
498
+ display: inherit !important; }
499
+
500
+ .hide-for-small,
501
+ .hide-for-medium-down,
502
+ .hide-for-large-down {
503
+ display: none !important; }
504
+
505
+ /* Specific visilbity for tables */
506
+ table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
507
+ display: table; }
508
+
509
+ thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
510
+ display: table-header-group !important; }
511
+
512
+ tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
513
+ display: table-row-group !important; }
514
+
515
+ tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
516
+ display: table-row !important; }
517
+
518
+ td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
519
+ th.show-for-small,
520
+ th.show-for-medium-down,
521
+ th.show-for-large-down,
522
+ th.hide-for-medium,
523
+ th.hide-for-medium-up,
524
+ th.hide-for-large,
525
+ th.hide-for-large-up,
526
+ th.hide-for-xlarge {
527
+ display: table-cell !important; }
528
+
529
+ /* Medium Displays: 768px - 1279px */
530
+ @media only screen and (min-width: 48em) {
531
+ .show-for-medium,
532
+ .show-for-medium-up {
533
+ display: inherit !important; }
534
+
535
+ .show-for-small {
536
+ display: none !important; }
537
+
538
+ .hide-for-small {
539
+ display: inherit !important; }
540
+
541
+ .hide-for-medium,
542
+ .hide-for-medium-up {
543
+ display: none !important; }
544
+
545
+ /* Specific visilbity for tables */
546
+ table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
547
+ display: table; }
548
+
549
+ thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
550
+ display: table-header-group !important; }
551
+
552
+ tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
553
+ display: table-row-group !important; }
554
+
555
+ tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
556
+ display: table-row !important; }
557
+
558
+ td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
559
+ th.show-for-medium,
560
+ th.show-for-medium-up,
561
+ th.hide-for-small {
562
+ display: table-cell !important; } }
563
+ /* Large Displays: 1280px - 1440px */
564
+ @media only screen and (min-width: 80em) {
565
+ .show-for-large,
566
+ .show-for-large-up {
567
+ display: inherit !important; }
568
+
569
+ .show-for-medium,
570
+ .show-for-medium-down {
571
+ display: none !important; }
572
+
573
+ .hide-for-medium,
574
+ .hide-for-medium-down {
575
+ display: inherit !important; }
576
+
577
+ .hide-for-large,
578
+ .hide-for-large-up {
579
+ display: none !important; }
580
+
581
+ /* Specific visilbity for tables */
582
+ table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
583
+ display: table; }
584
+
585
+ thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
586
+ display: table-header-group !important; }
587
+
588
+ tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
589
+ display: table-row-group !important; }
590
+
591
+ tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
592
+ display: table-row !important; }
593
+
594
+ td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
595
+ th.show-for-large,
596
+ th.show-for-large-up,
597
+ th.hide-for-medium,
598
+ th.hide-for-medium-down {
599
+ display: table-cell !important; } }
600
+ /* X-Large Displays: 1400px and up */
601
+ @media only screen and (min-width: 90em) {
602
+ .show-for-xlarge {
603
+ display: inherit !important; }
604
+
605
+ .show-for-large,
606
+ .show-for-large-down {
607
+ display: none !important; }
608
+
609
+ .hide-for-large,
610
+ .hide-for-large-down {
611
+ display: inherit !important; }
612
+
613
+ .hide-for-xlarge {
614
+ display: none !important; }
615
+
616
+ /* Specific visilbity for tables */
617
+ table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
618
+ display: table; }
619
+
620
+ thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
621
+ display: table-header-group !important; }
622
+
623
+ tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
624
+ display: table-row-group !important; }
625
+
626
+ tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
627
+ display: table-row !important; }
628
+
629
+ td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
630
+ th.show-for-xlarge,
631
+ th.hide-for-large,
632
+ th.hide-for-large-down {
633
+ display: table-cell !important; } }
634
+ /* Orientation targeting */
635
+ .show-for-landscape,
636
+ .hide-for-portrait {
637
+ display: inherit !important; }
638
+
639
+ .hide-for-landscape,
640
+ .show-for-portrait {
641
+ display: none !important; }
642
+
643
+ /* Specific visilbity for tables */
644
+ table.hide-for-landscape, table.show-for-portrait {
645
+ display: table; }
646
+
647
+ thead.hide-for-landscape, thead.show-for-portrait {
648
+ display: table-header-group !important; }
649
+
650
+ tbody.hide-for-landscape, tbody.show-for-portrait {
651
+ display: table-row-group !important; }
652
+
653
+ tr.hide-for-landscape, tr.show-for-portrait {
654
+ display: table-row !important; }
655
+
656
+ td.hide-for-landscape, td.show-for-portrait,
657
+ th.hide-for-landscape,
658
+ th.show-for-portrait {
659
+ display: table-cell !important; }
660
+
661
+ @media only screen and (orientation: landscape) {
662
+ .show-for-landscape,
663
+ .hide-for-portrait {
664
+ display: inherit !important; }
665
+
666
+ .hide-for-landscape,
667
+ .show-for-portrait {
668
+ display: none !important; }
669
+
670
+ /* Specific visilbity for tables */
671
+ table.show-for-landscape, table.hide-for-portrait {
672
+ display: table; }
673
+
674
+ thead.show-for-landscape, thead.hide-for-portrait {
675
+ display: table-header-group !important; }
676
+
677
+ tbody.show-for-landscape, tbody.hide-for-portrait {
678
+ display: table-row-group !important; }
679
+
680
+ tr.show-for-landscape, tr.hide-for-portrait {
681
+ display: table-row !important; }
682
+
683
+ td.show-for-landscape, td.hide-for-portrait,
684
+ th.show-for-landscape,
685
+ th.hide-for-portrait {
686
+ display: table-cell !important; } }
687
+ @media only screen and (orientation: portrait) {
688
+ .show-for-portrait,
689
+ .hide-for-landscape {
690
+ display: inherit !important; }
691
+
692
+ .hide-for-portrait,
693
+ .show-for-landscape {
694
+ display: none !important; }
695
+
696
+ /* Specific visilbity for tables */
697
+ table.show-for-portrait, table.hide-for-landscape {
698
+ display: table; }
699
+
700
+ thead.show-for-portrait, thead.hide-for-landscape {
701
+ display: table-header-group !important; }
702
+
703
+ tbody.show-for-portrait, tbody.hide-for-landscape {
704
+ display: table-row-group !important; }
705
+
706
+ tr.show-for-portrait, tr.hide-for-landscape {
707
+ display: table-row !important; }
708
+
709
+ td.show-for-portrait, td.hide-for-landscape,
710
+ th.show-for-portrait,
711
+ th.hide-for-landscape {
712
+ display: table-cell !important; } }
713
+ /* Touch-enabled device targeting */
714
+ .show-for-touch {
715
+ display: none !important; }
716
+
717
+ .hide-for-touch {
718
+ display: inherit !important; }
719
+
720
+ .touch .show-for-touch {
721
+ display: inherit !important; }
722
+
723
+ .touch .hide-for-touch {
724
+ display: none !important; }
725
+
726
+ /* Specific visilbity for tables */
727
+ table.hide-for-touch {
728
+ display: table; }
729
+
730
+ .touch table.show-for-touch {
731
+ display: table; }
732
+
733
+ thead.hide-for-touch {
734
+ display: table-header-group !important; }
735
+
736
+ .touch thead.show-for-touch {
737
+ display: table-header-group !important; }
738
+
739
+ tbody.hide-for-touch {
740
+ display: table-row-group !important; }
741
+
742
+ .touch tbody.show-for-touch {
743
+ display: table-row-group !important; }
744
+
745
+ tr.hide-for-touch {
746
+ display: table-row !important; }
747
+
748
+ .touch tr.show-for-touch {
749
+ display: table-row !important; }
750
+
751
+ td.hide-for-touch {
752
+ display: table-cell !important; }
753
+
754
+ .touch td.show-for-touch {
755
+ display: table-cell !important; }
756
+
757
+ th.hide-for-touch {
758
+ display: table-cell !important; }
759
+
760
+ .touch th.show-for-touch {
761
+ display: table-cell !important; }
762
+
763
+ /* Foundation Block Grids for below small breakpoint */
764
+ @media only screen {
765
+ [class*="block-grid-"] {
766
+ display: block;
767
+ padding: 0;
768
+ margin: 0 -10px;
769
+ *zoom: 1; }
770
+ [class*="block-grid-"]:before, [class*="block-grid-"]:after {
771
+ content: " ";
772
+ display: table; }
773
+ [class*="block-grid-"]:after {
774
+ clear: both; }
775
+ [class*="block-grid-"] > li {
776
+ display: block;
777
+ height: auto;
778
+ float: left;
779
+ padding: 0 10px 10px; }
780
+
781
+ .small-block-grid-1 > li {
782
+ width: 100%;
783
+ padding: 0 10px 10px; }
784
+ .small-block-grid-1 > li:nth-of-type(1n+1) {
785
+ clear: both; }
786
+
787
+ .small-block-grid-2 > li {
788
+ width: 50%;
789
+ padding: 0 10px 10px; }
790
+ .small-block-grid-2 > li:nth-of-type(2n+1) {
791
+ clear: both; }
792
+
793
+ .small-block-grid-3 > li {
794
+ width: 33.33333%;
795
+ padding: 0 10px 10px; }
796
+ .small-block-grid-3 > li:nth-of-type(3n+1) {
797
+ clear: both; }
798
+
799
+ .small-block-grid-4 > li {
800
+ width: 25%;
801
+ padding: 0 10px 10px; }
802
+ .small-block-grid-4 > li:nth-of-type(4n+1) {
803
+ clear: both; }
804
+
805
+ .small-block-grid-5 > li {
806
+ width: 20%;
807
+ padding: 0 10px 10px; }
808
+ .small-block-grid-5 > li:nth-of-type(5n+1) {
809
+ clear: both; }
810
+
811
+ .small-block-grid-6 > li {
812
+ width: 16.66667%;
813
+ padding: 0 10px 10px; }
814
+ .small-block-grid-6 > li:nth-of-type(6n+1) {
815
+ clear: both; }
816
+
817
+ .small-block-grid-7 > li {
818
+ width: 14.28571%;
819
+ padding: 0 10px 10px; }
820
+ .small-block-grid-7 > li:nth-of-type(7n+1) {
821
+ clear: both; }
822
+
823
+ .small-block-grid-8 > li {
824
+ width: 12.5%;
825
+ padding: 0 10px 10px; }
826
+ .small-block-grid-8 > li:nth-of-type(8n+1) {
827
+ clear: both; }
828
+
829
+ .small-block-grid-9 > li {
830
+ width: 11.11111%;
831
+ padding: 0 10px 10px; }
832
+ .small-block-grid-9 > li:nth-of-type(9n+1) {
833
+ clear: both; }
834
+
835
+ .small-block-grid-10 > li {
836
+ width: 10%;
837
+ padding: 0 10px 10px; }
838
+ .small-block-grid-10 > li:nth-of-type(10n+1) {
839
+ clear: both; }
840
+
841
+ .small-block-grid-11 > li {
842
+ width: 9.09091%;
843
+ padding: 0 10px 10px; }
844
+ .small-block-grid-11 > li:nth-of-type(11n+1) {
845
+ clear: both; }
846
+
847
+ .small-block-grid-12 > li {
848
+ width: 8.33333%;
849
+ padding: 0 10px 10px; }
850
+ .small-block-grid-12 > li:nth-of-type(12n+1) {
851
+ clear: both; } }
852
+ /* Foundation Block Grids for above small breakpoint */
853
+ @media only screen and (min-width: 48em) {
854
+ .large-block-grid-1 > li {
855
+ width: 100%;
856
+ padding: 0 10px 10px; }
857
+ .large-block-grid-1 > li:nth-of-type(1n+1) {
858
+ clear: both; }
859
+
860
+ .large-block-grid-2 > li {
861
+ width: 50%;
862
+ padding: 0 10px 10px; }
863
+ .large-block-grid-2 > li:nth-of-type(2n+1) {
864
+ clear: both; }
865
+
866
+ .large-block-grid-3 > li {
867
+ width: 33.33333%;
868
+ padding: 0 10px 10px; }
869
+ .large-block-grid-3 > li:nth-of-type(3n+1) {
870
+ clear: both; }
871
+
872
+ .large-block-grid-4 > li {
873
+ width: 25%;
874
+ padding: 0 10px 10px; }
875
+ .large-block-grid-4 > li:nth-of-type(4n+1) {
876
+ clear: both; }
877
+
878
+ .large-block-grid-5 > li {
879
+ width: 20%;
880
+ padding: 0 10px 10px; }
881
+ .large-block-grid-5 > li:nth-of-type(5n+1) {
882
+ clear: both; }
883
+
884
+ .large-block-grid-6 > li {
885
+ width: 16.66667%;
886
+ padding: 0 10px 10px; }
887
+ .large-block-grid-6 > li:nth-of-type(6n+1) {
888
+ clear: both; }
889
+
890
+ .large-block-grid-7 > li {
891
+ width: 14.28571%;
892
+ padding: 0 10px 10px; }
893
+ .large-block-grid-7 > li:nth-of-type(7n+1) {
894
+ clear: both; }
895
+
896
+ .large-block-grid-8 > li {
897
+ width: 12.5%;
898
+ padding: 0 10px 10px; }
899
+ .large-block-grid-8 > li:nth-of-type(8n+1) {
900
+ clear: both; }
901
+
902
+ .large-block-grid-9 > li {
903
+ width: 11.11111%;
904
+ padding: 0 10px 10px; }
905
+ .large-block-grid-9 > li:nth-of-type(9n+1) {
906
+ clear: both; }
907
+
908
+ .large-block-grid-10 > li {
909
+ width: 10%;
910
+ padding: 0 10px 10px; }
911
+ .large-block-grid-10 > li:nth-of-type(10n+1) {
912
+ clear: both; }
913
+
914
+ .large-block-grid-11 > li {
915
+ width: 9.09091%;
916
+ padding: 0 10px 10px; }
917
+ .large-block-grid-11 > li:nth-of-type(11n+1) {
918
+ clear: both; }
919
+
920
+ .large-block-grid-12 > li {
921
+ width: 8.33333%;
922
+ padding: 0 10px 10px; }
923
+ .large-block-grid-12 > li:nth-of-type(12n+1) {
924
+ clear: both; }
925
+
926
+ [class*="small-block-grid-"] > li {
927
+ clear: none !important; } }
928
+ p.lead {
929
+ font-size: 1.21875em;
930
+ line-height: 1.6; }
931
+
932
+ .subheader {
933
+ line-height: 1.4;
934
+ color: #6f6f6f;
935
+ font-weight: 300;
936
+ margin-top: 0.2em;
937
+ margin-bottom: 0.5em; }
938
+
939
+ /* Typography resets */
940
+ div,
941
+ dl,
942
+ dt,
943
+ dd,
944
+ ul,
945
+ ol,
946
+ li,
947
+ h1,
948
+ h2,
949
+ h3,
950
+ h4,
951
+ h5,
952
+ h6,
953
+ pre,
954
+ form,
955
+ p,
956
+ blockquote,
957
+ th,
958
+ td {
959
+ margin: 0;
960
+ padding: 0;
961
+ direction: ltr; }
962
+
963
+ /* Default Link Styles */
964
+ a {
965
+ color: #2ba6cb;
966
+ text-decoration: none;
967
+ line-height: inherit; }
968
+ a:hover, a:focus {
969
+ color: #2795b6; }
970
+ a img {
971
+ border: none; }
972
+
973
+ /* Default paragraph styles */
974
+ p {
975
+ font-family: inherit;
976
+ font-weight: normal;
977
+ font-size: 1em;
978
+ line-height: 1.6;
979
+ margin-bottom: 1.25em;
980
+ text-rendering: optimizeLegibility; }
981
+ p aside {
982
+ font-size: 0.875em;
983
+ line-height: 1.35;
984
+ font-style: italic; }
985
+
986
+ /* Default header styles */
987
+ h1, h2, h3, h4, h5, h6 {
988
+ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
989
+ font-weight: bold;
990
+ font-style: normal;
991
+ color: #222222;
992
+ text-rendering: optimizeLegibility;
993
+ margin-top: 0.2em;
994
+ margin-bottom: 0.5em;
995
+ line-height: 1.2125em; }
996
+ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
997
+ font-size: 60%;
998
+ color: #6f6f6f;
999
+ line-height: 0; }
1000
+
1001
+ h1 {
1002
+ font-size: 2.125em; }
1003
+
1004
+ h2 {
1005
+ font-size: 1.6875em; }
1006
+
1007
+ h3 {
1008
+ font-size: 1.375em; }
1009
+
1010
+ h4 {
1011
+ font-size: 1.125em; }
1012
+
1013
+ h5 {
1014
+ font-size: 1.125em; }
1015
+
1016
+ h6 {
1017
+ font-size: 1em; }
1018
+
1019
+ hr {
1020
+ border: solid #dddddd;
1021
+ border-width: 1px 0 0;
1022
+ clear: both;
1023
+ margin: 1.25em 0 1.1875em;
1024
+ height: 0; }
1025
+
1026
+ /* Helpful Typography Defaults */
1027
+ em,
1028
+ i {
1029
+ font-style: italic;
1030
+ line-height: inherit; }
1031
+
1032
+ strong,
1033
+ b {
1034
+ font-weight: bold;
1035
+ line-height: inherit; }
1036
+
1037
+ small {
1038
+ font-size: 60%;
1039
+ line-height: inherit; }
1040
+
1041
+ code {
1042
+ font-family: Consolas, "Liberation Mono", Courier, monospace;
1043
+ font-weight: bold;
1044
+ color: #7f0a0c; }
1045
+
1046
+ /* Lists */
1047
+ ul,
1048
+ ol,
1049
+ dl {
1050
+ font-size: 1em;
1051
+ line-height: 1.6;
1052
+ margin-bottom: 1.25em;
1053
+ list-style-position: outside;
1054
+ font-family: inherit; }
1055
+
1056
+ /* Unordered Lists */
1057
+ ul li ul,
1058
+ ul li ol {
1059
+ margin-left: 1.25em;
1060
+ margin-bottom: 0;
1061
+ font-size: 1em;
1062
+ /* Override nested font-size change */ }
1063
+ ul.square li ul, ul.circle li ul, ul.disc li ul {
1064
+ list-style: inherit; }
1065
+ ul.square {
1066
+ list-style-type: square; }
1067
+ ul.circle {
1068
+ list-style-type: circle; }
1069
+ ul.disc {
1070
+ list-style-type: disc; }
1071
+ ul.no-bullet {
1072
+ list-style: none; }
1073
+
1074
+ /* Ordered Lists */
1075
+ ol li ul,
1076
+ ol li ol {
1077
+ margin-left: 1.25em;
1078
+ margin-bottom: 0; }
1079
+
1080
+ /* Definition Lists */
1081
+ dl dt {
1082
+ margin-bottom: 0.3em;
1083
+ font-weight: bold; }
1084
+ dl dd {
1085
+ margin-bottom: 0.75em; }
1086
+
1087
+ /* Abbreviations */
1088
+ abbr,
1089
+ acronym {
1090
+ text-transform: uppercase;
1091
+ font-size: 90%;
1092
+ color: #222222;
1093
+ border-bottom: 1px dotted #dddddd;
1094
+ cursor: help; }
1095
+
1096
+ abbr {
1097
+ text-transform: none; }
1098
+
1099
+ /* Blockquotes */
1100
+ blockquote {
1101
+ margin: 0 0 1.25em;
1102
+ padding: 0.5625em 1.25em 0 1.1875em;
1103
+ border-left: 1px solid #dddddd; }
1104
+ blockquote cite {
1105
+ display: block;
1106
+ font-size: 0.8125em;
1107
+ color: #555555; }
1108
+ blockquote cite:before {
1109
+ content: "\2014 \0020"; }
1110
+ blockquote cite a,
1111
+ blockquote cite a:visited {
1112
+ color: #555555; }
1113
+
1114
+ blockquote,
1115
+ blockquote p {
1116
+ line-height: 1.6;
1117
+ color: #6f6f6f; }
1118
+
1119
+ /* Microformats */
1120
+ .vcard {
1121
+ display: inline-block;
1122
+ margin: 0 0 1.25em 0;
1123
+ border: 1px solid #dddddd;
1124
+ padding: 0.625em 0.75em; }
1125
+ .vcard li {
1126
+ margin: 0;
1127
+ display: block; }
1128
+ .vcard .fn {
1129
+ font-weight: bold;
1130
+ font-size: 0.9375em; }
1131
+
1132
+ .vevent .summary {
1133
+ font-weight: bold; }
1134
+ .vevent abbr {
1135
+ cursor: default;
1136
+ text-decoration: none;
1137
+ font-weight: bold;
1138
+ border: none;
1139
+ padding: 0 0.0625em; }
1140
+
1141
+ @media only screen and (min-width: 48em) {
1142
+ h1, h2, h3, h4, h5, h6 {
1143
+ line-height: 1.4; }
1144
+
1145
+ h1 {
1146
+ font-size: 2.75em; }
1147
+
1148
+ h2 {
1149
+ font-size: 2.3125em; }
1150
+
1151
+ h3 {
1152
+ font-size: 1.6875em; }
1153
+
1154
+ h4 {
1155
+ font-size: 1.4375em; } }
1156
+ /*
1157
+ * Print styles.
1158
+ *
1159
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
1160
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
1161
+ */
1162
+ .print-only {
1163
+ display: none !important; }
1164
+
1165
+ @media print {
1166
+ * {
1167
+ background: transparent !important;
1168
+ color: black !important;
1169
+ /* Black prints faster: h5bp.com/s */
1170
+ box-shadow: none !important;
1171
+ text-shadow: none !important; }
1172
+
1173
+ a,
1174
+ a:visited {
1175
+ text-decoration: underline; }
1176
+
1177
+ a[href]:after {
1178
+ content: " (" attr(href) ")"; }
1179
+
1180
+ abbr[title]:after {
1181
+ content: " (" attr(title) ")"; }
1182
+
1183
+ .ir a:after,
1184
+ a[href^="javascript:"]:after,
1185
+ a[href^="#"]:after {
1186
+ content: ""; }
1187
+
1188
+ pre,
1189
+ blockquote {
1190
+ border: 1px solid #999999;
1191
+ page-break-inside: avoid; }
1192
+
1193
+ thead {
1194
+ display: table-header-group;
1195
+ /* h5bp.com/t */ }
1196
+
1197
+ tr,
1198
+ img {
1199
+ page-break-inside: avoid; }
1200
+
1201
+ img {
1202
+ max-width: 100% !important; }
1203
+
1204
+ @page {
1205
+ margin: 0.5cm; }
1206
+
1207
+ p,
1208
+ h2,
1209
+ h3 {
1210
+ orphans: 3;
1211
+ widows: 3; }
1212
+
1213
+ h2,
1214
+ h3 {
1215
+ page-break-after: avoid; }
1216
+
1217
+ .hide-on-print {
1218
+ display: none !important; }
1219
+
1220
+ .print-only {
1221
+ display: block !important; }
1222
+
1223
+ .hide-for-print {
1224
+ display: none !important; }
1225
+
1226
+ .show-for-print {
1227
+ display: inherit !important; } }
1228
+ button, .button {
1229
+ border-style: solid;
1230
+ border-width: 1px;
1231
+ cursor: pointer;
1232
+ font-family: inherit;
1233
+ font-weight: bold;
1234
+ line-height: 1;
1235
+ margin: 0 0 1.25em;
1236
+ position: relative;
1237
+ text-decoration: none;
1238
+ text-align: center;
1239
+ display: inline-block;
1240
+ padding-top: 0.75em;
1241
+ padding-right: 1.5em;
1242
+ padding-bottom: 0.8125em;
1243
+ padding-left: 1.5em;
1244
+ font-size: 1em;
1245
+ background-color: #2ba6cb;
1246
+ border-color: #2284a1;
1247
+ color: white; }
1248
+ button:hover, button:focus, .button:hover, .button:focus {
1249
+ background-color: #2284a1; }
1250
+ button:hover, button:focus, .button:hover, .button:focus {
1251
+ color: white; }
1252
+ button.secondary, .button.secondary {
1253
+ background-color: #e9e9e9;
1254
+ border-color: #d0d0d0;
1255
+ color: #333333; }
1256
+ button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
1257
+ background-color: #d0d0d0; }
1258
+ button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
1259
+ color: #333333; }
1260
+ button.success, .button.success {
1261
+ background-color: #5da423;
1262
+ border-color: #457a1a;
1263
+ color: white; }
1264
+ button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
1265
+ background-color: #457a1a; }
1266
+ button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
1267
+ color: white; }
1268
+ button.alert, .button.alert {
1269
+ background-color: #c60f13;
1270
+ border-color: #970b0e;
1271
+ color: white; }
1272
+ button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
1273
+ background-color: #970b0e; }
1274
+ button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
1275
+ color: white; }
1276
+ button.large, .button.large {
1277
+ padding-top: 1em;
1278
+ padding-right: 2em;
1279
+ padding-bottom: 1.0625em;
1280
+ padding-left: 2em;
1281
+ font-size: 1.25em; }
1282
+ button.small, .button.small {
1283
+ padding-top: 0.5625em;
1284
+ padding-right: 1.125em;
1285
+ padding-bottom: 0.625em;
1286
+ padding-left: 1.125em;
1287
+ font-size: 0.8125em; }
1288
+ button.tiny, .button.tiny {
1289
+ padding-top: 0.4375em;
1290
+ padding-right: 0.875em;
1291
+ padding-bottom: 0.5em;
1292
+ padding-left: 0.875em;
1293
+ font-size: 0.6875em; }
1294
+ button.expand, .button.expand {
1295
+ padding-top: false;
1296
+ padding-right: 0px;
1297
+ padding-bottom: false0.0625em;
1298
+ padding-left: 0px;
1299
+ width: 100%; }
1300
+ button.left-align, .button.left-align {
1301
+ text-align: left;
1302
+ text-indent: 0.75em; }
1303
+ button.right-align, .button.right-align {
1304
+ text-align: right;
1305
+ padding-right: 0.75em; }
1306
+ button.disabled, button[disabled], .button.disabled, .button[disabled] {
1307
+ background-color: #2ba6cb;
1308
+ border-color: #2284a1;
1309
+ color: white;
1310
+ cursor: default;
1311
+ opacity: 0.6;
1312
+ -webkit-box-shadow: none;
1313
+ box-shadow: none; }
1314
+ button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
1315
+ background-color: #2284a1; }
1316
+ button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
1317
+ color: white; }
1318
+ button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
1319
+ background-color: #2ba6cb; }
1320
+ button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
1321
+ background-color: #e9e9e9;
1322
+ border-color: #d0d0d0;
1323
+ color: #333333;
1324
+ cursor: default;
1325
+ opacity: 0.6;
1326
+ -webkit-box-shadow: none;
1327
+ box-shadow: none; }
1328
+ button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
1329
+ background-color: #d0d0d0; }
1330
+ button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
1331
+ color: #333333; }
1332
+ button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
1333
+ background-color: #e9e9e9; }
1334
+ button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
1335
+ background-color: #5da423;
1336
+ border-color: #457a1a;
1337
+ color: white;
1338
+ cursor: default;
1339
+ opacity: 0.6;
1340
+ -webkit-box-shadow: none;
1341
+ box-shadow: none; }
1342
+ button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
1343
+ background-color: #457a1a; }
1344
+ button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
1345
+ color: white; }
1346
+ button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
1347
+ background-color: #5da423; }
1348
+ button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
1349
+ background-color: #c60f13;
1350
+ border-color: #970b0e;
1351
+ color: white;
1352
+ cursor: default;
1353
+ opacity: 0.6;
1354
+ -webkit-box-shadow: none;
1355
+ box-shadow: none; }
1356
+ button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
1357
+ background-color: #970b0e; }
1358
+ button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
1359
+ color: white; }
1360
+ button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
1361
+ background-color: #c60f13; }
1362
+
1363
+ input.button,
1364
+ button.button {
1365
+ padding-top: 0.8125em;
1366
+ padding-bottom: 0.75em; }
1367
+ input.button.tiny,
1368
+ button.button.tiny {
1369
+ padding-top: 0.5em;
1370
+ padding-bottom: 0.4375em; }
1371
+ input.button.small,
1372
+ button.button.small {
1373
+ padding-top: 0.625em;
1374
+ padding-bottom: 0.5625em; }
1375
+ input.button.large,
1376
+ button.button.large {
1377
+ padding-top: 1.03125em;
1378
+ padding-bottom: 1.03125em; }
1379
+
1380
+ @media only screen {
1381
+ .button {
1382
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
1383
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
1384
+ -webkit-transition: background-color 300ms ease-out;
1385
+ -moz-transition: background-color 300ms ease-out;
1386
+ transition: background-color 300ms ease-out; }
1387
+ .button:active {
1388
+ -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
1389
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
1390
+ .button.radius {
1391
+ -webkit-border-radius: 3px;
1392
+ border-radius: 3px; }
1393
+ .button.round {
1394
+ -webkit-border-radius: 1000px;
1395
+ border-radius: 1000px; } }
1396
+ @media only screen and (min-width: 48em) {
1397
+ .button {
1398
+ display: inline-block; } }
1399
+ /* Standard Forms */
1400
+ form {
1401
+ margin: 0 0 1em; }
1402
+
1403
+ /* Using forms within rows, we need to set some defaults */
1404
+ form .row .row {
1405
+ margin: -0.5em; }
1406
+ form .row .row .column,
1407
+ form .row .row .columns {
1408
+ padding: 0 0.5em; }
1409
+ form .row .row.collapse {
1410
+ margin: 0; }
1411
+ form .row .row.collapse .column,
1412
+ form .row .row.collapse .columns {
1413
+ padding: 0; }
1414
+ form .row input.column,
1415
+ form .row input.columns {
1416
+ padding-left: 0.5em; }
1417
+
1418
+ /* Label Styles */
1419
+ label {
1420
+ font-size: 0.875em;
1421
+ color: #4d4d4d;
1422
+ cursor: pointer;
1423
+ display: block;
1424
+ font-weight: 500;
1425
+ margin-bottom: 0.1875em; }
1426
+ label.right {
1427
+ float: none;
1428
+ text-align: right; }
1429
+ label.inline {
1430
+ margin: 0 0 1em 0;
1431
+ padding: 0.625em 0; }
1432
+
1433
+ /* Attach elements to the beginning or end of an input */
1434
+ .prefix,
1435
+ .postfix {
1436
+ display: block;
1437
+ position: relative;
1438
+ z-index: 2;
1439
+ text-align: center;
1440
+ width: 100%;
1441
+ padding-top: 0;
1442
+ padding-bottom: 0;
1443
+ border-style: solid;
1444
+ border-width: 1px;
1445
+ overflow: hidden;
1446
+ font-size: 0.875em;
1447
+ height: 2.3125em;
1448
+ line-height: 2.3125em; }
1449
+
1450
+ /* Adjust padding, alignment and radius if pre/post element is a button */
1451
+ .postfix.button {
1452
+ padding-left: 0;
1453
+ padding-right: 0;
1454
+ padding-top: 0;
1455
+ padding-bottom: 0;
1456
+ text-align: center;
1457
+ line-height: 2.125em; }
1458
+
1459
+ .prefix.button {
1460
+ padding-left: 0;
1461
+ padding-right: 0;
1462
+ padding-top: 0;
1463
+ padding-bottom: 0;
1464
+ text-align: center;
1465
+ line-height: 2.125em; }
1466
+
1467
+ .prefix.button.radius {
1468
+ -webkit-border-radius: 0;
1469
+ border-radius: 0;
1470
+ -moz-border-radius-bottomleft: 3px;
1471
+ -moz-border-radius-topleft: 3px;
1472
+ -webkit-border-bottom-left-radius: 3px;
1473
+ -webkit-border-top-left-radius: 3px;
1474
+ border-bottom-left-radius: 3px;
1475
+ border-top-left-radius: 3px; }
1476
+
1477
+ .postfix.button.radius {
1478
+ -webkit-border-radius: 0;
1479
+ border-radius: 0;
1480
+ -moz-border-radius-topright: 3px;
1481
+ -moz-border-radius-bottomright: 3px;
1482
+ -webkit-border-top-right-radius: 3px;
1483
+ -webkit-border-bottom-right-radius: 3px;
1484
+ border-top-right-radius: 3px;
1485
+ border-bottom-right-radius: 3px; }
1486
+
1487
+ .prefix.button.round {
1488
+ -webkit-border-radius: 0;
1489
+ border-radius: 0;
1490
+ -moz-border-radius-bottomleft: 1000px;
1491
+ -moz-border-radius-topleft: 1000px;
1492
+ -webkit-border-bottom-left-radius: 1000px;
1493
+ -webkit-border-top-left-radius: 1000px;
1494
+ border-bottom-left-radius: 1000px;
1495
+ border-top-left-radius: 1000px; }
1496
+
1497
+ .postfix.button.round {
1498
+ -webkit-border-radius: 0;
1499
+ border-radius: 0;
1500
+ -moz-border-radius-topright: 1000px;
1501
+ -moz-border-radius-bottomright: 1000px;
1502
+ -webkit-border-top-right-radius: 1000px;
1503
+ -webkit-border-bottom-right-radius: 1000px;
1504
+ border-top-right-radius: 1000px;
1505
+ border-bottom-right-radius: 1000px; }
1506
+
1507
+ /* Separate prefix and postfix styles when on span so buttons keep their own */
1508
+ span.prefix {
1509
+ background: #f2f2f2;
1510
+ border-color: #d9d9d9;
1511
+ border-right: none;
1512
+ color: #333333; }
1513
+ span.prefix.radius {
1514
+ -webkit-border-radius: 0;
1515
+ border-radius: 0;
1516
+ -moz-border-radius-bottomleft: 3px;
1517
+ -moz-border-radius-topleft: 3px;
1518
+ -webkit-border-bottom-left-radius: 3px;
1519
+ -webkit-border-top-left-radius: 3px;
1520
+ border-bottom-left-radius: 3px;
1521
+ border-top-left-radius: 3px; }
1522
+
1523
+ span.postfix {
1524
+ background: #f2f2f2;
1525
+ border-color: #cccccc;
1526
+ border-left: none;
1527
+ color: #333333; }
1528
+ span.postfix.radius {
1529
+ -webkit-border-radius: 0;
1530
+ border-radius: 0;
1531
+ -moz-border-radius-topright: 3px;
1532
+ -moz-border-radius-bottomright: 3px;
1533
+ -webkit-border-top-right-radius: 3px;
1534
+ -webkit-border-bottom-right-radius: 3px;
1535
+ border-top-right-radius: 3px;
1536
+ border-bottom-right-radius: 3px; }
1537
+
1538
+ /* Input groups will automatically style first and last elements of the group */
1539
+ .input-group.radius > *:first-child, .input-group.radius > *:first-child * {
1540
+ -webkit-border-radius: 0;
1541
+ border-radius: 0;
1542
+ -moz-border-radius-bottomleft: 3px;
1543
+ -moz-border-radius-topleft: 3px;
1544
+ -webkit-border-bottom-left-radius: 3px;
1545
+ -webkit-border-top-left-radius: 3px;
1546
+ border-bottom-left-radius: 3px;
1547
+ border-top-left-radius: 3px; }
1548
+ .input-group.radius > *:last-child, .input-group.radius > *:last-child * {
1549
+ -webkit-border-radius: 0;
1550
+ border-radius: 0;
1551
+ -moz-border-radius-topright: 3px;
1552
+ -moz-border-radius-bottomright: 3px;
1553
+ -webkit-border-top-right-radius: 3px;
1554
+ -webkit-border-bottom-right-radius: 3px;
1555
+ border-top-right-radius: 3px;
1556
+ border-bottom-right-radius: 3px; }
1557
+ .input-group.round > *:first-child, .input-group.round > *:first-child * {
1558
+ -webkit-border-radius: 0;
1559
+ border-radius: 0;
1560
+ -moz-border-radius-bottomleft: 1000px;
1561
+ -moz-border-radius-topleft: 1000px;
1562
+ -webkit-border-bottom-left-radius: 1000px;
1563
+ -webkit-border-top-left-radius: 1000px;
1564
+ border-bottom-left-radius: 1000px;
1565
+ border-top-left-radius: 1000px; }
1566
+ .input-group.round > *:last-child, .input-group.round > *:last-child * {
1567
+ -webkit-border-radius: 0;
1568
+ border-radius: 0;
1569
+ -moz-border-radius-topright: 1000px;
1570
+ -moz-border-radius-bottomright: 1000px;
1571
+ -webkit-border-top-right-radius: 1000px;
1572
+ -webkit-border-bottom-right-radius: 1000px;
1573
+ border-top-right-radius: 1000px;
1574
+ border-bottom-right-radius: 1000px; }
1575
+
1576
+ /* We use this to get basic styling on all basic form elements */
1577
+ input[type="text"],
1578
+ input[type="password"],
1579
+ input[type="date"],
1580
+ input[type="datetime"],
1581
+ input[type="datetime-local"],
1582
+ input[type="month"],
1583
+ input[type="week"],
1584
+ input[type="email"],
1585
+ input[type="number"],
1586
+ input[type="search"],
1587
+ input[type="tel"],
1588
+ input[type="time"],
1589
+ input[type="url"],
1590
+ textarea {
1591
+ background-color: white;
1592
+ font-family: inherit;
1593
+ border: 1px solid #cccccc;
1594
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1595
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1596
+ color: rgba(0, 0, 0, 0.75);
1597
+ display: block;
1598
+ font-size: 0.875em;
1599
+ margin: 0 0 1em 0;
1600
+ padding: 0.5em;
1601
+ height: 2.3125em;
1602
+ width: 100%;
1603
+ -moz-box-sizing: border-box;
1604
+ -webkit-box-sizing: border-box;
1605
+ box-sizing: border-box;
1606
+ -webkit-transition: all 0.15s linear;
1607
+ -moz-transition: all 0.15s linear;
1608
+ transition: all 0.15s linear; }
1609
+ input[type="text"]:focus,
1610
+ input[type="password"]:focus,
1611
+ input[type="date"]:focus,
1612
+ input[type="datetime"]:focus,
1613
+ input[type="datetime-local"]:focus,
1614
+ input[type="month"]:focus,
1615
+ input[type="week"]:focus,
1616
+ input[type="email"]:focus,
1617
+ input[type="number"]:focus,
1618
+ input[type="search"]:focus,
1619
+ input[type="tel"]:focus,
1620
+ input[type="time"]:focus,
1621
+ input[type="url"]:focus,
1622
+ textarea:focus {
1623
+ background: #fafafa;
1624
+ border-color: #999999;
1625
+ outline: none; }
1626
+ input[type="text"][disabled],
1627
+ input[type="password"][disabled],
1628
+ input[type="date"][disabled],
1629
+ input[type="datetime"][disabled],
1630
+ input[type="datetime-local"][disabled],
1631
+ input[type="month"][disabled],
1632
+ input[type="week"][disabled],
1633
+ input[type="email"][disabled],
1634
+ input[type="number"][disabled],
1635
+ input[type="search"][disabled],
1636
+ input[type="tel"][disabled],
1637
+ input[type="time"][disabled],
1638
+ input[type="url"][disabled],
1639
+ textarea[disabled] {
1640
+ background-color: #dddddd; }
1641
+
1642
+ /* We add basic fieldset styling */
1643
+ fieldset {
1644
+ border: solid 1px #dddddd;
1645
+ padding: 1.25em;
1646
+ margin: 1.125em 0; }
1647
+ fieldset legend {
1648
+ font-weight: bold;
1649
+ background: white;
1650
+ padding: 0 0.1875em;
1651
+ margin: 0;
1652
+ margin-left: -0.1875em; }
1653
+
1654
+ /* Error Handling */
1655
+ .error input,
1656
+ input.error,
1657
+ .error textarea,
1658
+ textarea.error {
1659
+ border-color: #c60f13;
1660
+ background-color: rgba(198, 15, 19, 0.1); }
1661
+ .error input:focus,
1662
+ input.error:focus,
1663
+ .error textarea:focus,
1664
+ textarea.error:focus {
1665
+ background: #fafafa;
1666
+ border-color: #999999; }
1667
+
1668
+ .error label,
1669
+ label.error {
1670
+ color: #c60f13; }
1671
+
1672
+ .error small,
1673
+ small.error {
1674
+ display: block;
1675
+ padding: 0.375em 0.25em;
1676
+ margin-top: -1.3125em;
1677
+ margin-bottom: 1em;
1678
+ font-size: 0.75em;
1679
+ font-weight: bold;
1680
+ background: #c60f13;
1681
+ color: white; }
1682
+
1683
+ /* Custom Checkbox and Radio Inputs */
1684
+ form.custom .custom {
1685
+ display: inline-block;
1686
+ width: 16px;
1687
+ height: 16px;
1688
+ position: relative;
1689
+ top: 2px;
1690
+ border: solid 1px #cccccc;
1691
+ background: white; }
1692
+ form.custom .custom.radio {
1693
+ -webkit-border-radius: 1000px;
1694
+ border-radius: 1000px; }
1695
+ form.custom .custom.checkbox:before {
1696
+ content: "";
1697
+ display: block;
1698
+ line-height: 0.8;
1699
+ height: 14px;
1700
+ width: 14px;
1701
+ text-align: center;
1702
+ position: absolute;
1703
+ top: 0;
1704
+ left: 0;
1705
+ font-size: 14px;
1706
+ color: #fff; }
1707
+ form.custom .custom.radio.checked:before {
1708
+ content: "";
1709
+ display: block;
1710
+ width: 8px;
1711
+ height: 8px;
1712
+ -webkit-border-radius: 1000px;
1713
+ border-radius: 1000px;
1714
+ background: #222222;
1715
+ position: relative;
1716
+ top: 3px;
1717
+ left: 3px; }
1718
+ form.custom .custom.checkbox.checked:before {
1719
+ content: "\00d7";
1720
+ color: #222222; }
1721
+
1722
+ /* Custom Select Options and Dropdowns */
1723
+ form.custom {
1724
+ /* Custom input, disabled */ }
1725
+ form.custom .custom.dropdown {
1726
+ display: block;
1727
+ position: relative;
1728
+ top: 0;
1729
+ height: 2.3125em;
1730
+ margin-bottom: 1.25em;
1731
+ margin-top: 0px;
1732
+ padding: 0px;
1733
+ width: 100%;
1734
+ background: white;
1735
+ background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
1736
+ background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
1737
+ background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
1738
+ -webkit-box-shadow: none;
1739
+ box-shadow: none;
1740
+ font-size: 0.875em;
1741
+ vertical-align: top; }
1742
+ form.custom .custom.dropdown ul {
1743
+ overflow-y: auto;
1744
+ max-height: 200px; }
1745
+ form.custom .custom.dropdown .current {
1746
+ cursor: default;
1747
+ white-space: nowrap;
1748
+ line-height: 2.25em;
1749
+ color: rgba(0, 0, 0, 0.75);
1750
+ text-decoration: none;
1751
+ overflow: hidden;
1752
+ display: block;
1753
+ margin-left: 0.5em;
1754
+ margin-right: 2.3125em; }
1755
+ form.custom .custom.dropdown .selector {
1756
+ cursor: default;
1757
+ position: absolute;
1758
+ width: 2.5em;
1759
+ height: 2.3125em;
1760
+ display: block;
1761
+ right: 0;
1762
+ top: 0; }
1763
+ form.custom .custom.dropdown .selector:after {
1764
+ content: "";
1765
+ display: block;
1766
+ content: "";
1767
+ display: block;
1768
+ width: 0;
1769
+ height: 0;
1770
+ border: solid 5px;
1771
+ border-color: #aaaaaa transparent transparent transparent;
1772
+ position: absolute;
1773
+ left: 0.9375em;
1774
+ top: 50%;
1775
+ margin-top: -3px; }
1776
+ form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
1777
+ content: "";
1778
+ display: block;
1779
+ width: 0;
1780
+ height: 0;
1781
+ border: solid 5px;
1782
+ border-color: #222222 transparent transparent transparent; }
1783
+ form.custom .custom.dropdown .disabled {
1784
+ color: #888888; }
1785
+ form.custom .custom.dropdown .disabled:hover {
1786
+ background: transparent;
1787
+ color: #888888; }
1788
+ form.custom .custom.dropdown .disabled:hover:after {
1789
+ display: none; }
1790
+ form.custom .custom.dropdown.open ul {
1791
+ display: block;
1792
+ z-index: 10;
1793
+ min-width: 100%;
1794
+ -moz-box-sizing: content-box;
1795
+ -webkit-box-sizing: content-box;
1796
+ box-sizing: content-box; }
1797
+ form.custom .custom.dropdown.small {
1798
+ max-width: 134px; }
1799
+ form.custom .custom.dropdown.medium {
1800
+ max-width: 254px; }
1801
+ form.custom .custom.dropdown.large {
1802
+ max-width: 434px; }
1803
+ form.custom .custom.dropdown.expand {
1804
+ width: 100% !important; }
1805
+ form.custom .custom.dropdown.open.small ul {
1806
+ min-width: 134px;
1807
+ -moz-box-sizing: border-box;
1808
+ -webkit-box-sizing: border-box;
1809
+ box-sizing: border-box; }
1810
+ form.custom .custom.dropdown.open.medium ul {
1811
+ min-width: 254px;
1812
+ -moz-box-sizing: border-box;
1813
+ -webkit-box-sizing: border-box;
1814
+ box-sizing: border-box; }
1815
+ form.custom .custom.dropdown.open.large ul {
1816
+ min-width: 434px;
1817
+ -moz-box-sizing: border-box;
1818
+ -webkit-box-sizing: border-box;
1819
+ box-sizing: border-box; }
1820
+ form.custom .custom.dropdown ul {
1821
+ position: absolute;
1822
+ width: auto;
1823
+ display: none;
1824
+ margin: 0;
1825
+ left: -1px;
1826
+ top: auto;
1827
+ -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
1828
+ box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
1829
+ margin: 0;
1830
+ padding: 0;
1831
+ background: white;
1832
+ border: solid 1px #cccccc;
1833
+ font-size: 16px; }
1834
+ form.custom .custom.dropdown ul li {
1835
+ color: #555555;
1836
+ font-size: 0.875em;
1837
+ cursor: default;
1838
+ padding-top: 0.25em;
1839
+ padding-bottom: 0.25em;
1840
+ padding-left: 0.375em;
1841
+ padding-right: 2.375em;
1842
+ min-height: 1.5em;
1843
+ line-height: 1.5em;
1844
+ margin: 0;
1845
+ white-space: nowrap;
1846
+ list-style: none; }
1847
+ form.custom .custom.dropdown ul li.selected {
1848
+ background: #eeeeee;
1849
+ color: black; }
1850
+ form.custom .custom.dropdown ul li:hover {
1851
+ background-color: #e4e4e4;
1852
+ color: black; }
1853
+ form.custom .custom.dropdown ul li.selected:hover {
1854
+ background: #eeeeee;
1855
+ cursor: default;
1856
+ color: black; }
1857
+ form.custom .custom.dropdown ul.show {
1858
+ display: block; }
1859
+ form.custom .custom.disabled {
1860
+ background-color: #dddddd; }
1861
+
1862
+ /* Button Groups */
1863
+ .button-group {
1864
+ list-style: none;
1865
+ margin: 0;
1866
+ *zoom: 1; }
1867
+ .button-group:before, .button-group:after {
1868
+ content: " ";
1869
+ display: table; }
1870
+ .button-group:after {
1871
+ clear: both; }
1872
+ .button-group > * {
1873
+ margin: 0 0 0 -1px;
1874
+ float: left; }
1875
+ .button-group > *:first-child {
1876
+ margin-left: 0; }
1877
+ .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button {
1878
+ -webkit-border-radius: 0;
1879
+ border-radius: 0;
1880
+ -moz-border-radius-bottomleft: 3px;
1881
+ -moz-border-radius-topleft: 3px;
1882
+ -webkit-border-bottom-left-radius: 3px;
1883
+ -webkit-border-top-left-radius: 3px;
1884
+ border-bottom-left-radius: 3px;
1885
+ border-top-left-radius: 3px; }
1886
+ .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button {
1887
+ -webkit-border-radius: 0;
1888
+ border-radius: 0;
1889
+ -moz-border-radius-topright: 3px;
1890
+ -moz-border-radius-bottomright: 3px;
1891
+ -webkit-border-top-right-radius: 3px;
1892
+ -webkit-border-bottom-right-radius: 3px;
1893
+ border-top-right-radius: 3px;
1894
+ border-bottom-right-radius: 3px; }
1895
+ .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button {
1896
+ -webkit-border-radius: 0;
1897
+ border-radius: 0;
1898
+ -moz-border-radius-bottomleft: 1000px;
1899
+ -moz-border-radius-topleft: 1000px;
1900
+ -webkit-border-bottom-left-radius: 1000px;
1901
+ -webkit-border-top-left-radius: 1000px;
1902
+ border-bottom-left-radius: 1000px;
1903
+ border-top-left-radius: 1000px; }
1904
+ .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button {
1905
+ -webkit-border-radius: 0;
1906
+ border-radius: 0;
1907
+ -moz-border-radius-topright: 1000px;
1908
+ -moz-border-radius-bottomright: 1000px;
1909
+ -webkit-border-top-right-radius: 1000px;
1910
+ -webkit-border-bottom-right-radius: 1000px;
1911
+ border-top-right-radius: 1000px;
1912
+ border-bottom-right-radius: 1000px; }
1913
+ .button-group.even-2 li {
1914
+ width: 50%; }
1915
+ .button-group.even-2 li .button {
1916
+ width: 100%; }
1917
+ .button-group.even-3 li {
1918
+ width: 33.33333%; }
1919
+ .button-group.even-3 li .button {
1920
+ width: 100%; }
1921
+ .button-group.even-4 li {
1922
+ width: 25%; }
1923
+ .button-group.even-4 li .button {
1924
+ width: 100%; }
1925
+ .button-group.even-5 li {
1926
+ width: 20%; }
1927
+ .button-group.even-5 li .button {
1928
+ width: 100%; }
1929
+ .button-group.even-6 li {
1930
+ width: 16.66667%; }
1931
+ .button-group.even-6 li .button {
1932
+ width: 100%; }
1933
+ .button-group.even-7 li {
1934
+ width: 14.28571%; }
1935
+ .button-group.even-7 li .button {
1936
+ width: 100%; }
1937
+ .button-group.even-8 li {
1938
+ width: 12.5%; }
1939
+ .button-group.even-8 li .button {
1940
+ width: 100%; }
1941
+
1942
+ .button-bar {
1943
+ *zoom: 1; }
1944
+ .button-bar:before, .button-bar:after {
1945
+ content: " ";
1946
+ display: table; }
1947
+ .button-bar:after {
1948
+ clear: both; }
1949
+ .button-bar .button-group {
1950
+ float: left;
1951
+ margin-right: 0.625em; }
1952
+ .button-bar .button-group div {
1953
+ overflow: hidden; }
1954
+
1955
+ /* Dropdown Button */
1956
+ .dropdown.button {
1957
+ position: relative;
1958
+ padding-right: 3.1875em; }
1959
+ .dropdown.button:before {
1960
+ position: absolute;
1961
+ content: "";
1962
+ width: 0;
1963
+ height: 0;
1964
+ display: block;
1965
+ border-style: solid;
1966
+ border-color: white transparent transparent transparent;
1967
+ top: 50%; }
1968
+ .dropdown.button:before {
1969
+ border-width: 0.5625em;
1970
+ right: 1.5em;
1971
+ margin-top: -0.25em; }
1972
+ .dropdown.button:before {
1973
+ border-color: white transparent transparent transparent; }
1974
+ .dropdown.button.tiny {
1975
+ padding-right: 2.1875em; }
1976
+ .dropdown.button.tiny:before {
1977
+ border-width: 0.4375em;
1978
+ right: 0.875em;
1979
+ margin-top: -0.15625em; }
1980
+ .dropdown.button.tiny:before {
1981
+ border-color: white transparent transparent transparent; }
1982
+ .dropdown.button.small {
1983
+ padding-right: 2.8125em; }
1984
+ .dropdown.button.small:before {
1985
+ border-width: 0.5625em;
1986
+ right: 1.125em;
1987
+ margin-top: -0.21875em; }
1988
+ .dropdown.button.small:before {
1989
+ border-color: white transparent transparent transparent; }
1990
+ .dropdown.button.large {
1991
+ padding-right: 4em; }
1992
+ .dropdown.button.large:before {
1993
+ border-width: 0.625em;
1994
+ right: 1.75em;
1995
+ margin-top: -0.3125em; }
1996
+ .dropdown.button.large:before {
1997
+ border-color: white transparent transparent transparent; }
1998
+ .dropdown.button.secondary:before {
1999
+ border-color: #333333 transparent transparent transparent; }
2000
+
2001
+ /* Split Buttons */
2002
+ .split.button {
2003
+ position: relative;
2004
+ padding-right: 4.8em; }
2005
+ .split.button span {
2006
+ display: block;
2007
+ height: 100%;
2008
+ position: absolute;
2009
+ right: 0;
2010
+ top: 0;
2011
+ border-left: solid 1px; }
2012
+ .split.button span:before {
2013
+ position: absolute;
2014
+ content: "";
2015
+ width: 0;
2016
+ height: 0;
2017
+ display: block;
2018
+ border-style: solid;
2019
+ left: 50%; }
2020
+ .split.button span:active {
2021
+ background-color: rgba(0, 0, 0, 0.1); }
2022
+ .split.button span {
2023
+ border-left-color: #1e728c; }
2024
+ .split.button span {
2025
+ width: 3em; }
2026
+ .split.button span:before {
2027
+ border-width: 0.5625em;
2028
+ top: 1.125em;
2029
+ margin-left: -0.5625em; }
2030
+ .split.button span:before {
2031
+ border-color: white transparent transparent transparent; }
2032
+ .split.button.secondary span {
2033
+ border-left-color: #c3c3c3; }
2034
+ .split.button.secondary span:before {
2035
+ border-color: white transparent transparent transparent; }
2036
+ .split.button.alert span {
2037
+ border-left-color: #7f0a0c; }
2038
+ .split.button.success span {
2039
+ border-left-color: #396516; }
2040
+ .split.button.tiny {
2041
+ padding-right: 3.9375em; }
2042
+ .split.button.tiny span {
2043
+ width: 2.84375em; }
2044
+ .split.button.tiny span:before {
2045
+ border-width: 0.4375em;
2046
+ top: 0.875em;
2047
+ margin-left: -0.3125em; }
2048
+ .split.button.small {
2049
+ padding-right: 3.9375em; }
2050
+ .split.button.small span {
2051
+ width: 2.8125em; }
2052
+ .split.button.small span:before {
2053
+ border-width: 0.5625em;
2054
+ top: 0.84375em;
2055
+ margin-left: -0.5625em; }
2056
+ .split.button.large {
2057
+ padding-right: 6em; }
2058
+ .split.button.large span {
2059
+ width: 3.75em; }
2060
+ .split.button.large span:before {
2061
+ border-width: 0.625em;
2062
+ top: 1.3125em;
2063
+ margin-left: -0.5625em; }
2064
+ .split.button.secondary span:before {
2065
+ border-color: #333333 transparent transparent transparent; }
2066
+ .split.button.radius span {
2067
+ -webkit-border-radius: 0;
2068
+ border-radius: 0;
2069
+ -moz-border-radius-topright: 3px;
2070
+ -moz-border-radius-bottomright: 3px;
2071
+ -webkit-border-top-right-radius: 3px;
2072
+ -webkit-border-bottom-right-radius: 3px;
2073
+ border-top-right-radius: 3px;
2074
+ border-bottom-right-radius: 3px; }
2075
+ .split.button.round span {
2076
+ -webkit-border-radius: 0;
2077
+ border-radius: 0;
2078
+ -moz-border-radius-topright: 1000px;
2079
+ -moz-border-radius-bottomright: 1000px;
2080
+ -webkit-border-top-right-radius: 1000px;
2081
+ -webkit-border-bottom-right-radius: 1000px;
2082
+ border-top-right-radius: 1000px;
2083
+ border-bottom-right-radius: 1000px; }
2084
+
2085
+ /* Flex Video */
2086
+ .flex-video {
2087
+ position: relative;
2088
+ padding-top: 1.5625em;
2089
+ padding-bottom: 67.5%;
2090
+ height: 0;
2091
+ margin-bottom: 1em;
2092
+ overflow: hidden; }
2093
+ .flex-video.widescreen {
2094
+ padding-bottom: 57.25%; }
2095
+ .flex-video.vimeo {
2096
+ padding-top: 0; }
2097
+ .flex-video iframe,
2098
+ .flex-video object,
2099
+ .flex-video embed,
2100
+ .flex-video video {
2101
+ position: absolute;
2102
+ top: 0;
2103
+ left: 0;
2104
+ width: 100%;
2105
+ height: 100%; }
2106
+
2107
+ /* Sections */
2108
+ .section-container, .section-container.auto {
2109
+ width: 100%;
2110
+ display: block;
2111
+ margin-bottom: 1.25em;
2112
+ border: 1px solid #cccccc;
2113
+ border-top: none; }
2114
+ .section-container section,
2115
+ .section-container .section, .section-container.auto section,
2116
+ .section-container.auto .section {
2117
+ border-top: 1px solid #cccccc;
2118
+ position: relative; }
2119
+ .section-container section .title,
2120
+ .section-container .section .title, .section-container.auto section .title,
2121
+ .section-container.auto .section .title {
2122
+ top: 0;
2123
+ cursor: pointer;
2124
+ width: 100%;
2125
+ margin: 0;
2126
+ background-color: #efefef; }
2127
+ .section-container section .title a,
2128
+ .section-container .section .title a, .section-container.auto section .title a,
2129
+ .section-container.auto .section .title a {
2130
+ padding: 0.9375em;
2131
+ display: inline-block;
2132
+ color: #333333;
2133
+ font-size: 0.875em;
2134
+ white-space: nowrap;
2135
+ width: 100%; }
2136
+ .section-container section .title:hover,
2137
+ .section-container .section .title:hover, .section-container.auto section .title:hover,
2138
+ .section-container.auto .section .title:hover {
2139
+ background-color: #e2e2e2; }
2140
+ .section-container section .content,
2141
+ .section-container .section .content, .section-container.auto section .content,
2142
+ .section-container.auto .section .content {
2143
+ display: none;
2144
+ padding: 0.9375em;
2145
+ background-color: white; }
2146
+ .section-container section .content > *:last-child,
2147
+ .section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child,
2148
+ .section-container.auto .section .content > *:last-child {
2149
+ margin-bottom: 0; }
2150
+ .section-container section .content > *:first-child,
2151
+ .section-container .section .content > *:first-child, .section-container.auto section .content > *:first-child,
2152
+ .section-container.auto .section .content > *:first-child {
2153
+ padding-top: 0; }
2154
+ .section-container section .content > *:last-child,
2155
+ .section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child,
2156
+ .section-container.auto .section .content > *:last-child {
2157
+ padding-bottom: 0; }
2158
+ .section-container section.active .content,
2159
+ .section-container .section.active .content, .section-container.auto section.active .content,
2160
+ .section-container.auto .section.active .content {
2161
+ display: block; }
2162
+ .section-container section.active .title,
2163
+ .section-container .section.active .title, .section-container.auto section.active .title,
2164
+ .section-container.auto .section.active .title {
2165
+ background: #d5d5d5; }
2166
+
2167
+ .section-container.tabs {
2168
+ border: 0;
2169
+ position: relative; }
2170
+ .section-container.tabs section,
2171
+ .section-container.tabs .section {
2172
+ padding-top: 0;
2173
+ border: 0;
2174
+ position: static; }
2175
+ .section-container.tabs section .title,
2176
+ .section-container.tabs .section .title {
2177
+ width: auto;
2178
+ border: 1px solid #cccccc;
2179
+ border-right: 0;
2180
+ border-bottom: 0;
2181
+ position: absolute;
2182
+ z-index: 1; }
2183
+ .section-container.tabs section .title a,
2184
+ .section-container.tabs .section .title a {
2185
+ width: 100%; }
2186
+ .section-container.tabs section:last-child .title,
2187
+ .section-container.tabs .section:last-child .title {
2188
+ border-right: 1px solid #cccccc; }
2189
+ .section-container.tabs section .content,
2190
+ .section-container.tabs .section .content {
2191
+ border: 1px solid #cccccc;
2192
+ position: absolute;
2193
+ z-index: 10;
2194
+ top: -1px; }
2195
+ .section-container.tabs section.active .title,
2196
+ .section-container.tabs .section.active .title {
2197
+ background-color: white;
2198
+ z-index: 11;
2199
+ border-bottom: 0; }
2200
+ .section-container.tabs section.active .content,
2201
+ .section-container.tabs .section.active .content {
2202
+ position: relative; }
2203
+
2204
+ @media only screen and (min-width: 48em) {
2205
+ .section-container.auto {
2206
+ border: 0;
2207
+ position: relative; }
2208
+ .section-container.auto section,
2209
+ .section-container.auto .section {
2210
+ padding-top: 0;
2211
+ border: 0;
2212
+ position: static; }
2213
+ .section-container.auto section .title,
2214
+ .section-container.auto .section .title {
2215
+ width: auto;
2216
+ border: 1px solid #cccccc;
2217
+ border-right: 0;
2218
+ border-bottom: 0;
2219
+ position: absolute;
2220
+ z-index: 1; }
2221
+ .section-container.auto section .title a,
2222
+ .section-container.auto .section .title a {
2223
+ width: 100%; }
2224
+ .section-container.auto section:last-child .title,
2225
+ .section-container.auto .section:last-child .title {
2226
+ border-right: 1px solid #cccccc; }
2227
+ .section-container.auto section .content,
2228
+ .section-container.auto .section .content {
2229
+ border: 1px solid #cccccc;
2230
+ position: absolute;
2231
+ z-index: 10;
2232
+ top: -1px; }
2233
+ .section-container.auto section.active .title,
2234
+ .section-container.auto .section.active .title {
2235
+ background-color: white;
2236
+ z-index: 11;
2237
+ border-bottom: 0; }
2238
+ .section-container.auto section.active .content,
2239
+ .section-container.auto .section.active .content {
2240
+ position: relative; }
2241
+
2242
+ .section-container.accordion .section {
2243
+ padding-top: 0 !important; }
2244
+
2245
+ .section-container.vertical-nav {
2246
+ border: 1px solid #cccccc;
2247
+ border-top: none; }
2248
+ .section-container.vertical-nav section,
2249
+ .section-container.vertical-nav .section {
2250
+ padding-top: 0 !important; }
2251
+ .section-container.vertical-nav section .title a,
2252
+ .section-container.vertical-nav .section .title a {
2253
+ display: block;
2254
+ width: 100%; }
2255
+ .section-container.vertical-nav section .content,
2256
+ .section-container.vertical-nav .section .content {
2257
+ display: none; }
2258
+ .section-container.vertical-nav section.active .content,
2259
+ .section-container.vertical-nav .section.active .content {
2260
+ display: block;
2261
+ position: absolute;
2262
+ left: 100%;
2263
+ top: -1px;
2264
+ z-index: 999;
2265
+ min-width: 12.5em;
2266
+ border: 1px solid #cccccc; }
2267
+
2268
+ .section-container.horizontal-nav {
2269
+ position: relative;
2270
+ background: #efefef;
2271
+ border: 1px solid #cccccc; }
2272
+ .section-container.horizontal-nav section,
2273
+ .section-container.horizontal-nav .section {
2274
+ padding-top: 0;
2275
+ border: 0;
2276
+ position: static; }
2277
+ .section-container.horizontal-nav section .title,
2278
+ .section-container.horizontal-nav .section .title {
2279
+ width: auto;
2280
+ border: 1px solid #cccccc;
2281
+ border-left: 0;
2282
+ top: -1px;
2283
+ position: absolute;
2284
+ z-index: 1; }
2285
+ .section-container.horizontal-nav section .title a,
2286
+ .section-container.horizontal-nav .section .title a {
2287
+ width: 100%; }
2288
+ .section-container.horizontal-nav section .content,
2289
+ .section-container.horizontal-nav .section .content {
2290
+ display: none; }
2291
+ .section-container.horizontal-nav section.active .content,
2292
+ .section-container.horizontal-nav .section.active .content {
2293
+ display: block;
2294
+ position: absolute;
2295
+ z-index: 999;
2296
+ left: 0;
2297
+ top: -2px;
2298
+ min-width: 12.5em;
2299
+ border: 1px solid #cccccc; } }
2300
+ /* Wrapped around .top-bar to contain to grid width */
2301
+ .contain-to-grid {
2302
+ width: 100%;
2303
+ background: #111111; }
2304
+
2305
+ .fixed {
2306
+ width: 100%;
2307
+ left: 0;
2308
+ position: fixed;
2309
+ top: 0;
2310
+ z-index: 99; }
2311
+
2312
+ .top-bar {
2313
+ overflow: hidden;
2314
+ height: 45px;
2315
+ line-height: 45px;
2316
+ position: relative;
2317
+ background: #111111;
2318
+ margin-bottom: 1.875em; }
2319
+ .top-bar ul {
2320
+ margin-bottom: 0;
2321
+ list-style: none; }
2322
+ .top-bar .row {
2323
+ max-width: none; }
2324
+ .top-bar form,
2325
+ .top-bar input {
2326
+ margin-bottom: 0; }
2327
+ .top-bar input {
2328
+ height: 2.45em; }
2329
+ .top-bar .button {
2330
+ padding-top: .5em;
2331
+ padding-bottom: .5em;
2332
+ margin-bottom: 0; }
2333
+ .top-bar .title-area {
2334
+ position: relative; }
2335
+ .top-bar .name {
2336
+ height: 45px;
2337
+ margin: 0;
2338
+ font-size: 16px; }
2339
+ .top-bar .name h1 {
2340
+ line-height: 45px;
2341
+ font-size: 1.0625em;
2342
+ margin: 0; }
2343
+ .top-bar .name h1 a {
2344
+ font-weight: bold;
2345
+ color: white;
2346
+ width: 50%;
2347
+ display: block;
2348
+ padding: 0 15px; }
2349
+ .top-bar .toggle-topbar {
2350
+ position: absolute;
2351
+ right: 0;
2352
+ top: 0; }
2353
+ .top-bar .toggle-topbar a {
2354
+ color: white;
2355
+ text-transform: uppercase;
2356
+ font-size: 0.8125em;
2357
+ font-weight: bold;
2358
+ position: relative;
2359
+ display: block;
2360
+ padding: 0 15px;
2361
+ height: 45px;
2362
+ line-height: 45px; }
2363
+ .top-bar .toggle-topbar.menu-icon {
2364
+ right: 15px;
2365
+ top: 50%;
2366
+ margin-top: -16px;
2367
+ padding-left: 40px; }
2368
+ .top-bar .toggle-topbar.menu-icon a {
2369
+ text-indent: -48px;
2370
+ width: 34px;
2371
+ height: 34px;
2372
+ line-height: 33px;
2373
+ padding: 0;
2374
+ color: white; }
2375
+ .top-bar .toggle-topbar.menu-icon a span {
2376
+ position: absolute;
2377
+ right: 0;
2378
+ display: block;
2379
+ width: 16px;
2380
+ height: 0;
2381
+ -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
2382
+ box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
2383
+ .top-bar.expanded {
2384
+ height: auto;
2385
+ background: transparent; }
2386
+ .top-bar.expanded .title-area {
2387
+ background: #111111; }
2388
+ .top-bar.expanded .toggle-topbar a {
2389
+ color: #888888; }
2390
+ .top-bar.expanded .toggle-topbar a span {
2391
+ -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
2392
+ box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }
2393
+
2394
+ .top-bar-section {
2395
+ left: 0;
2396
+ position: relative;
2397
+ width: auto;
2398
+ -webkit-transition: left 300ms ease-out;
2399
+ -moz-transition: left 300ms ease-out;
2400
+ transition: left 300ms ease-out; }
2401
+ .top-bar-section ul {
2402
+ width: 100%;
2403
+ height: auto;
2404
+ display: block;
2405
+ background: #333333;
2406
+ font-size: 16px;
2407
+ margin: 0; }
2408
+ .top-bar-section .divider {
2409
+ border-bottom: solid 1px #4d4d4d;
2410
+ border-top: solid 1px #1a1a1a;
2411
+ clear: both;
2412
+ height: 1px;
2413
+ width: 100%; }
2414
+ .top-bar-section ul li > a {
2415
+ display: block;
2416
+ width: 100%;
2417
+ color: white;
2418
+ padding: 12px 0 12px 0;
2419
+ padding-left: 15px;
2420
+ font-size: 0.8125em;
2421
+ font-weight: bold;
2422
+ background: #333333; }
2423
+ .top-bar-section ul li > a:hover {
2424
+ background: #2b2b2b; }
2425
+ .top-bar-section ul li > a.button {
2426
+ background: #2ba6cb;
2427
+ font-size: 0.8125em; }
2428
+ .top-bar-section ul li > a.button:hover {
2429
+ background: #2284a1; }
2430
+ .top-bar-section ul li > a.button.secondary {
2431
+ background: #e9e9e9; }
2432
+ .top-bar-section ul li > a.button.secondary:hover {
2433
+ background: #d0d0d0; }
2434
+ .top-bar-section ul li > a.button.success {
2435
+ background: #5da423; }
2436
+ .top-bar-section ul li > a.button.success:hover {
2437
+ background: #457a1a; }
2438
+ .top-bar-section ul li > a.button.alert {
2439
+ background: #c60f13; }
2440
+ .top-bar-section ul li > a.button.alert:hover {
2441
+ background: #970b0e; }
2442
+ .top-bar-section ul li.active a {
2443
+ background: #2b2b2b; }
2444
+ .top-bar-section .has-form {
2445
+ padding: 15px; }
2446
+ .top-bar-section .has-dropdown {
2447
+ position: relative; }
2448
+ .top-bar-section .has-dropdown > a:after {
2449
+ content: "";
2450
+ display: block;
2451
+ width: 0;
2452
+ height: 0;
2453
+ border: solid 5px;
2454
+ border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
2455
+ margin-right: 15px;
2456
+ margin-top: -4.5px;
2457
+ position: absolute;
2458
+ top: 50%;
2459
+ right: 0; }
2460
+ .top-bar-section .has-dropdown.moved {
2461
+ position: static; }
2462
+ .top-bar-section .has-dropdown.moved > .dropdown {
2463
+ visibility: visible; }
2464
+ .top-bar-section .dropdown {
2465
+ position: absolute;
2466
+ left: 100%;
2467
+ top: 0;
2468
+ visibility: hidden;
2469
+ z-index: 99; }
2470
+ .top-bar-section .dropdown li {
2471
+ width: 100%; }
2472
+ .top-bar-section .dropdown li a {
2473
+ font-weight: normal;
2474
+ padding: 8px 15px; }
2475
+ .top-bar-section .dropdown li.title h5 {
2476
+ margin-bottom: 0; }
2477
+ .top-bar-section .dropdown li.title h5 a {
2478
+ color: white;
2479
+ line-height: 22.5px;
2480
+ display: block; }
2481
+ .top-bar-section .dropdown label {
2482
+ padding: 8px 15px 2px;
2483
+ margin-bottom: 0;
2484
+ text-transform: uppercase;
2485
+ color: #555555;
2486
+ font-weight: bold;
2487
+ font-size: 0.625em; }
2488
+
2489
+ .top-bar-js-breakpoint {
2490
+ width: 58.75em !important;
2491
+ visibility: hidden; }
2492
+
2493
+ .js-generated {
2494
+ display: block; }
2495
+
2496
+ @media only screen and (min-width: 58.75em) {
2497
+ .top-bar {
2498
+ background: #111111;
2499
+ *zoom: 1;
2500
+ overflow: visible; }
2501
+ .top-bar:before, .top-bar:after {
2502
+ content: " ";
2503
+ display: table; }
2504
+ .top-bar:after {
2505
+ clear: both; }
2506
+ .top-bar .toggle-topbar {
2507
+ display: none; }
2508
+ .top-bar .title-area {
2509
+ float: left; }
2510
+ .top-bar .name h1 a {
2511
+ width: auto; }
2512
+ .top-bar input,
2513
+ .top-bar .button {
2514
+ line-height: 2em;
2515
+ font-size: 0.875em;
2516
+ height: 2em;
2517
+ padding: 0 10px;
2518
+ position: relative;
2519
+ top: 8px; }
2520
+ .top-bar.expanded {
2521
+ background: #111111; }
2522
+
2523
+ .contain-to-grid .top-bar {
2524
+ max-width: 62.5em;
2525
+ margin: 0 auto; }
2526
+
2527
+ .top-bar-section {
2528
+ -webkit-transition: none 0 0;
2529
+ -moz-transition: none 0 0;
2530
+ transition: none 0 0;
2531
+ left: 0 !important; }
2532
+ .top-bar-section ul {
2533
+ width: auto;
2534
+ height: auto !important;
2535
+ display: inline; }
2536
+ .top-bar-section ul li {
2537
+ float: left; }
2538
+ .top-bar-section ul li .js-generated {
2539
+ display: none; }
2540
+ .top-bar-section li a:not(.button) {
2541
+ padding: 0 15px;
2542
+ line-height: 45px;
2543
+ background: #111111; }
2544
+ .top-bar-section li a:not(.button):hover {
2545
+ background: black; }
2546
+ .top-bar-section .has-dropdown > a {
2547
+ padding-right: 35px !important; }
2548
+ .top-bar-section .has-dropdown > a:after {
2549
+ content: "";
2550
+ display: block;
2551
+ width: 0;
2552
+ height: 0;
2553
+ border: solid 5px;
2554
+ border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
2555
+ margin-top: -2.5px; }
2556
+ .top-bar-section .has-dropdown.moved {
2557
+ position: relative; }
2558
+ .top-bar-section .has-dropdown.moved > .dropdown {
2559
+ visibility: hidden; }
2560
+ .top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown {
2561
+ visibility: visible; }
2562
+ .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
2563
+ border: none;
2564
+ content: "\00bb";
2565
+ margin-top: -7px;
2566
+ right: 5px; }
2567
+ .top-bar-section .dropdown {
2568
+ left: 0;
2569
+ top: auto;
2570
+ background: transparent;
2571
+ min-width: 100%; }
2572
+ .top-bar-section .dropdown li a {
2573
+ color: white;
2574
+ line-height: 1;
2575
+ white-space: nowrap;
2576
+ padding: 7px 15px;
2577
+ background: #1e1e1e; }
2578
+ .top-bar-section .dropdown li label {
2579
+ white-space: nowrap;
2580
+ background: #1e1e1e; }
2581
+ .top-bar-section .dropdown li .dropdown {
2582
+ left: 100%;
2583
+ top: 0; }
2584
+ .top-bar-section > ul > .divider {
2585
+ border-bottom: none;
2586
+ border-top: none;
2587
+ border-right: solid 1px #2b2b2b;
2588
+ border-left: solid 1px black;
2589
+ clear: none;
2590
+ height: 45px;
2591
+ width: 0px; }
2592
+ .top-bar-section .has-form {
2593
+ background: #111111;
2594
+ padding: 0 15px;
2595
+ height: 45px; }
2596
+ .top-bar-section ul.right li .dropdown {
2597
+ left: auto;
2598
+ right: 0; }
2599
+ .top-bar-section ul.right li .dropdown li .dropdown {
2600
+ right: 100%; } }
2601
+ .orbit-container {
2602
+ overflow: hidden;
2603
+ width: 100%;
2604
+ position: relative;
2605
+ background: whitesmoke; }
2606
+ .orbit-container .orbit-slides-container {
2607
+ list-style: none;
2608
+ margin: 0;
2609
+ padding: 0;
2610
+ position: relative; }
2611
+ .orbit-container .orbit-slides-container img {
2612
+ display: block; }
2613
+ .orbit-container .orbit-slides-container > * {
2614
+ position: relative;
2615
+ float: left;
2616
+ height: 100%; }
2617
+ .orbit-container .orbit-slides-container > * .orbit-caption {
2618
+ position: absolute;
2619
+ bottom: 0;
2620
+ background-color: black;
2621
+ background-color: rgba(0, 0, 0, 0.6);
2622
+ color: #fff;
2623
+ width: 100%;
2624
+ padding: 10px 14px;
2625
+ font-size: 0.875em; }
2626
+ .orbit-container .orbit-slides-container > * .orbit-caption * {
2627
+ color: white; }
2628
+ .orbit-container .orbit-slide-number {
2629
+ position: absolute;
2630
+ top: 10px;
2631
+ left: 10px;
2632
+ font-size: 12px; }
2633
+ .orbit-container .orbit-slide-number span {
2634
+ font-weight: 700; }
2635
+ .orbit-container .orbit-timer {
2636
+ position: absolute;
2637
+ top: 10px;
2638
+ right: 10px;
2639
+ height: 6px;
2640
+ width: 100px; }
2641
+ .orbit-container .orbit-timer .orbit-progress {
2642
+ height: 100%;
2643
+ background-color: black;
2644
+ background-color: rgba(0, 0, 0, 0.6);
2645
+ display: block;
2646
+ width: 0%; }
2647
+ .orbit-container .orbit-timer > span {
2648
+ display: none;
2649
+ position: absolute;
2650
+ top: 10px;
2651
+ right: 0px;
2652
+ width: 11px;
2653
+ height: 14px;
2654
+ border: solid 4px black;
2655
+ border-top: none;
2656
+ border-bottom: none; }
2657
+ .orbit-container .orbit-timer.paused > span {
2658
+ right: -6px;
2659
+ top: 9px;
2660
+ width: 11px;
2661
+ height: 14px;
2662
+ border: solid 8px;
2663
+ border-color: transparent transparent transparent black; }
2664
+ .orbit-container:hover .orbit-timer > span {
2665
+ display: block; }
2666
+ .orbit-container .orbit-prev,
2667
+ .orbit-container .orbit-next {
2668
+ position: absolute;
2669
+ top: 50%;
2670
+ margin-top: -25px;
2671
+ background-color: black;
2672
+ background-color: rgba(0, 0, 0, 0.6);
2673
+ width: 50px;
2674
+ height: 60px;
2675
+ line-height: 50px;
2676
+ color: white;
2677
+ text-indent: -9999px !important; }
2678
+ .orbit-container .orbit-prev > span,
2679
+ .orbit-container .orbit-next > span {
2680
+ position: absolute;
2681
+ top: 50%;
2682
+ margin-top: -16px;
2683
+ display: block;
2684
+ width: 0;
2685
+ height: 0;
2686
+ border: solid 16px; }
2687
+ .orbit-container .orbit-prev {
2688
+ left: 0; }
2689
+ .orbit-container .orbit-prev > span {
2690
+ border-color: transparent white transparent transparent; }
2691
+ .orbit-container .orbit-prev:hover > span {
2692
+ border-color: transparent #cccccc transparent transparent; }
2693
+ .orbit-container .orbit-next {
2694
+ right: 0; }
2695
+ .orbit-container .orbit-next > span {
2696
+ border-color: transparent transparent transparent white;
2697
+ left: 50%;
2698
+ margin-left: -8px; }
2699
+ .orbit-container .orbit-next:hover > span {
2700
+ border-color: transparent transparent transparent #cccccc; }
2701
+
2702
+ .orbit-bullets {
2703
+ margin: 0 auto 30px auto;
2704
+ overflow: hidden;
2705
+ position: relative;
2706
+ top: 10px; }
2707
+ .orbit-bullets li {
2708
+ display: block;
2709
+ width: 18px;
2710
+ height: 18px;
2711
+ background: #fff;
2712
+ float: left;
2713
+ margin-right: 6px;
2714
+ border: solid 2px black;
2715
+ -webkit-border-radius: 1000px;
2716
+ border-radius: 1000px; }
2717
+ .orbit-bullets li.active {
2718
+ background: #000; }
2719
+ .orbit-bullets li:last-child {
2720
+ margin-right: 0; }
2721
+
2722
+ .touch .orbit-container .orbit-prev,
2723
+ .touch .orbit-container .orbit-next {
2724
+ display: none; }
2725
+ .touch .orbit-bullets {
2726
+ display: none; }
2727
+
2728
+ @media only screen and (min-width: 48em) {
2729
+ .touch .orbit-container .orbit-prev,
2730
+ .touch .orbit-container .orbit-next {
2731
+ display: inherit; }
2732
+ .touch .orbit-bullets {
2733
+ display: block; } }
2734
+ .reveal-modal-bg {
2735
+ position: fixed;
2736
+ height: 100%;
2737
+ width: 100%;
2738
+ background: black;
2739
+ background: rgba(0, 0, 0, 0.45);
2740
+ z-index: 98;
2741
+ display: none;
2742
+ top: 0;
2743
+ left: 0; }
2744
+
2745
+ .reveal-modal {
2746
+ visibility: hidden;
2747
+ display: none;
2748
+ position: absolute;
2749
+ left: 50%;
2750
+ z-index: 99;
2751
+ height: auto;
2752
+ background-color: #fff;
2753
+ margin-left: -40%;
2754
+ width: 80%;
2755
+ background-color: white;
2756
+ padding: 1.25em;
2757
+ border: solid 1px #666666;
2758
+ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
2759
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
2760
+ top: 50px; }
2761
+ .reveal-modal .column,
2762
+ .reveal-modal .columns {
2763
+ min-width: 0; }
2764
+ .reveal-modal > :first-child {
2765
+ margin-top: 0; }
2766
+ .reveal-modal > :last-child {
2767
+ margin-bottom: 0; }
2768
+ .reveal-modal .close-reveal-modal {
2769
+ font-size: 1.375em;
2770
+ line-height: 1;
2771
+ position: absolute;
2772
+ top: 0.5em;
2773
+ right: 0.6875em;
2774
+ color: #aaaaaa;
2775
+ font-weight: bold;
2776
+ cursor: pointer; }
2777
+
2778
+ @media only screen and (min-width: 48em) {
2779
+ .reveal-modal {
2780
+ padding: 1.875em;
2781
+ top: 6.25em; }
2782
+ .reveal-modal.small {
2783
+ margin-left: -15%;
2784
+ width: 30%; }
2785
+ .reveal-modal.medium {
2786
+ margin-left: -20%;
2787
+ width: 40%; }
2788
+ .reveal-modal.large {
2789
+ margin-left: -30%;
2790
+ width: 60%; }
2791
+ .reveal-modal.xlarge {
2792
+ margin-left: -35%;
2793
+ width: 70%; }
2794
+ .reveal-modal.expand {
2795
+ margin-left: -47.5%;
2796
+ width: 95%; } }
2797
+ @media print {
2798
+ div:not(.reveal-modal) {
2799
+ display: none; } }
2800
+ /* Foundation Joyride */
2801
+ .joyride-list {
2802
+ display: none; }
2803
+
2804
+ /* Default styles for the container */
2805
+ .joyride-tip-guide {
2806
+ display: none;
2807
+ position: absolute;
2808
+ background: black;
2809
+ color: white;
2810
+ z-index: 101;
2811
+ top: 0;
2812
+ left: 2.5%;
2813
+ font-family: inherit;
2814
+ font-weight: normal;
2815
+ width: 95%; }
2816
+
2817
+ .lt-ie9 .joyride-tip-guide {
2818
+ max-width: 800px;
2819
+ left: 50%;
2820
+ margin-left: -400px; }
2821
+
2822
+ .joyride-content-wrapper {
2823
+ width: 100%;
2824
+ padding: 1.125em 1.25em 1.5em; }
2825
+ .joyride-content-wrapper .button {
2826
+ margin-bottom: 0 !important; }
2827
+
2828
+ /* Add a little css triangle pip, older browser just miss out on the fanciness of it */
2829
+ .joyride-tip-guide .joyride-nub {
2830
+ display: block;
2831
+ position: absolute;
2832
+ left: 22px;
2833
+ width: 0;
2834
+ height: 0;
2835
+ border: solid 14px; }
2836
+ .joyride-tip-guide .joyride-nub.top {
2837
+ border-color: black;
2838
+ border-top-color: transparent !important;
2839
+ border-left-color: transparent !important;
2840
+ border-right-color: transparent !important;
2841
+ top: -28px;
2842
+ bottom: none; }
2843
+ .joyride-tip-guide .joyride-nub.bottom {
2844
+ border-color: black !important;
2845
+ border-bottom-color: transparent !important;
2846
+ border-left-color: transparent !important;
2847
+ border-right-color: transparent !important;
2848
+ bottom: -28px;
2849
+ bottom: none; }
2850
+ .joyride-tip-guide .joyride-nub.right {
2851
+ right: -28px; }
2852
+ .joyride-tip-guide .joyride-nub.left {
2853
+ left: -28px; }
2854
+
2855
+ /* Typography */
2856
+ .joyride-tip-guide h1,
2857
+ .joyride-tip-guide h2,
2858
+ .joyride-tip-guide h3,
2859
+ .joyride-tip-guide h4,
2860
+ .joyride-tip-guide h5,
2861
+ .joyride-tip-guide h6 {
2862
+ line-height: 1.25;
2863
+ margin: 0;
2864
+ font-weight: bold;
2865
+ color: white; }
2866
+
2867
+ .joyride-tip-guide p {
2868
+ margin: 0 0 1.125em 0;
2869
+ font-size: 0.875em;
2870
+ line-height: 1.3; }
2871
+
2872
+ .joyride-timer-indicator-wrap {
2873
+ width: 50px;
2874
+ height: 3px;
2875
+ border: solid 1px #555555;
2876
+ position: absolute;
2877
+ right: 1.0625em;
2878
+ bottom: 1em; }
2879
+
2880
+ .joyride-timer-indicator {
2881
+ display: block;
2882
+ width: 0;
2883
+ height: inherit;
2884
+ background: #666666; }
2885
+
2886
+ .joyride-close-tip {
2887
+ position: absolute;
2888
+ right: 12px;
2889
+ top: 10px;
2890
+ color: #777777 !important;
2891
+ text-decoration: none;
2892
+ font-size: 30px;
2893
+ font-weight: normal;
2894
+ line-height: 0.5 !important; }
2895
+ .joyride-close-tip:hover, .joyride-close-tip:focus {
2896
+ color: #eeeeee !important; }
2897
+
2898
+ .joyride-modal-bg {
2899
+ position: fixed;
2900
+ height: 100%;
2901
+ width: 100%;
2902
+ background: transparent;
2903
+ background: rgba(0, 0, 0, 0.5);
2904
+ z-index: 100;
2905
+ display: none;
2906
+ top: 0;
2907
+ left: 0;
2908
+ cursor: pointer; }
2909
+
2910
+ /* Styles for screens that are atleast 768px; */
2911
+ @media only screen and (min-width: 48em) {
2912
+ .joyride-tip-guide {
2913
+ width: 300px;
2914
+ left: 0; }
2915
+ .joyride-tip-guide .joyride-nub.bottom {
2916
+ border-color: black !important;
2917
+ border-bottom-color: transparent !important;
2918
+ border-left-color: transparent !important;
2919
+ border-right-color: transparent !important;
2920
+ bottom: -28px;
2921
+ bottom: none; }
2922
+ .joyride-tip-guide .joyride-nub.right {
2923
+ border-color: black !important;
2924
+ border-top-color: transparent !important;
2925
+ border-right-color: transparent !important;
2926
+ border-bottom-color: transparent !important;
2927
+ top: 22px;
2928
+ bottom: none;
2929
+ left: auto;
2930
+ right: -28px; }
2931
+ .joyride-tip-guide .joyride-nub.left {
2932
+ border-color: black !important;
2933
+ border-top-color: transparent !important;
2934
+ border-left-color: transparent !important;
2935
+ border-bottom-color: transparent !important;
2936
+ top: 22px;
2937
+ left: -28px;
2938
+ right: auto;
2939
+ bottom: none; } }
2940
+ /* Clearing Styles */
2941
+ [data-clearing] {
2942
+ *zoom: 1;
2943
+ margin-bottom: 0; }
2944
+ [data-clearing]:before, [data-clearing]:after {
2945
+ content: " ";
2946
+ display: table; }
2947
+ [data-clearing]:after {
2948
+ clear: both; }
2949
+
2950
+ .clearing-blackout {
2951
+ background: #111111;
2952
+ position: fixed;
2953
+ width: 100%;
2954
+ height: 100%;
2955
+ top: 0;
2956
+ left: 0;
2957
+ z-index: 998; }
2958
+ .clearing-blackout .clearing-close {
2959
+ display: block; }
2960
+
2961
+ .clearing-container {
2962
+ position: relative;
2963
+ z-index: 998;
2964
+ height: 100%;
2965
+ overflow: hidden;
2966
+ margin: 0; }
2967
+
2968
+ .visible-img {
2969
+ height: 95%;
2970
+ position: relative; }
2971
+ .visible-img img {
2972
+ position: absolute;
2973
+ left: 50%;
2974
+ top: 50%;
2975
+ margin-left: -50%;
2976
+ max-height: 100%;
2977
+ max-width: 100%; }
2978
+
2979
+ .clearing-caption {
2980
+ color: white;
2981
+ line-height: 1.3;
2982
+ margin-bottom: 0;
2983
+ text-align: center;
2984
+ bottom: 0;
2985
+ background: #111111;
2986
+ width: 100%;
2987
+ padding: 10px 30px;
2988
+ position: absolute;
2989
+ left: 0; }
2990
+
2991
+ .clearing-close {
2992
+ z-index: 999;
2993
+ padding-left: 20px;
2994
+ padding-top: 10px;
2995
+ font-size: 40px;
2996
+ line-height: 1;
2997
+ color: white;
2998
+ display: none; }
2999
+ .clearing-close:hover, .clearing-close:focus {
3000
+ color: #ccc; }
3001
+
3002
+ .clearing-assembled .clearing-container {
3003
+ height: 100%; }
3004
+ .clearing-assembled .clearing-container .carousel > ul {
3005
+ display: none; }
3006
+
3007
+ @media only screen and (min-width: 48em) {
3008
+ .clearing-main-left,
3009
+ .clearing-main-right {
3010
+ position: absolute;
3011
+ height: 100%;
3012
+ width: 40px;
3013
+ top: 0; }
3014
+ .clearing-main-left > span,
3015
+ .clearing-main-right > span {
3016
+ position: absolute;
3017
+ top: 50%;
3018
+ display: block;
3019
+ width: 0;
3020
+ height: 0;
3021
+ border: solid 16px; }
3022
+
3023
+ .clearing-main-left {
3024
+ left: 0; }
3025
+ .clearing-main-left > span {
3026
+ left: 5px;
3027
+ border-color: transparent white transparent transparent; }
3028
+
3029
+ .clearing-main-right {
3030
+ right: 0; }
3031
+ .clearing-main-right > span {
3032
+ border-color: transparent transparent transparent white; }
3033
+
3034
+ .clearing-main-left.disabled,
3035
+ .clearing-main-right.disabled {
3036
+ opacity: 0.5; }
3037
+
3038
+ .clearing-feature ~ li {
3039
+ display: none; }
3040
+
3041
+ .clearing-assembled .clearing-container .carousel {
3042
+ background: #111111;
3043
+ height: 150px;
3044
+ margin-top: 5px; }
3045
+ .clearing-assembled .clearing-container .carousel > ul {
3046
+ display: block;
3047
+ z-index: 999;
3048
+ width: 200%;
3049
+ height: 100%;
3050
+ margin-left: 0;
3051
+ position: relative;
3052
+ left: 0; }
3053
+ .clearing-assembled .clearing-container .carousel > ul li {
3054
+ display: block;
3055
+ width: 175px;
3056
+ height: inherit;
3057
+ padding: 0;
3058
+ float: left;
3059
+ overflow: hidden;
3060
+ margin-right: 1px;
3061
+ position: relative;
3062
+ cursor: pointer;
3063
+ opacity: 0.4; }
3064
+ .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
3065
+ min-height: 100%;
3066
+ height: 100%;
3067
+ max-width: none; }
3068
+ .clearing-assembled .clearing-container .carousel > ul li a.th {
3069
+ border: none;
3070
+ -webkit-box-shadow: none;
3071
+ box-shadow: none;
3072
+ display: block; }
3073
+ .clearing-assembled .clearing-container .carousel > ul li img {
3074
+ cursor: pointer !important;
3075
+ min-width: 100% !important; }
3076
+ .clearing-assembled .clearing-container .carousel > ul li.visible {
3077
+ opacity: 1; }
3078
+ .clearing-assembled .clearing-container .visible-img {
3079
+ background: #111111;
3080
+ overflow: hidden;
3081
+ height: 75%; }
3082
+
3083
+ .clearing-close {
3084
+ position: absolute;
3085
+ top: 10px;
3086
+ right: 20px;
3087
+ padding-left: 0;
3088
+ padding-top: 0; } }
3089
+ /* Foundation Alerts */
3090
+ .alert-box {
3091
+ border-style: solid;
3092
+ border-width: 1px;
3093
+ display: block;
3094
+ font-weight: bold;
3095
+ margin-bottom: 1.25em;
3096
+ position: relative;
3097
+ padding: 0.6875em 1.3125em 0.75em 0.6875em;
3098
+ font-size: 0.875em;
3099
+ background-color: #2ba6cb;
3100
+ border-color: #2284a1;
3101
+ color: white; }
3102
+ .alert-box .close {
3103
+ font-size: 1.375em;
3104
+ padding: 5px 4px 4px;
3105
+ line-height: 0;
3106
+ position: absolute;
3107
+ top: 0.4375em;
3108
+ right: 0.3125em;
3109
+ color: #333333;
3110
+ opacity: 0.3; }
3111
+ .alert-box .close:hover, .alert-box .close:focus {
3112
+ opacity: 0.5; }
3113
+ .alert-box.radius {
3114
+ -webkit-border-radius: 3px;
3115
+ border-radius: 3px; }
3116
+ .alert-box.round {
3117
+ -webkit-border-radius: 1000px;
3118
+ border-radius: 1000px; }
3119
+ .alert-box.success {
3120
+ background-color: #5da423;
3121
+ border-color: #457a1a;
3122
+ color: white; }
3123
+ .alert-box.alert {
3124
+ background-color: #c60f13;
3125
+ border-color: #970b0e;
3126
+ color: white; }
3127
+ .alert-box.secondary {
3128
+ background-color: #e9e9e9;
3129
+ border-color: #d0d0d0;
3130
+ color: #505050; }
3131
+
3132
+ /* Breadcrumbs */
3133
+ .breadcrumbs {
3134
+ display: block;
3135
+ padding: 0.375em 0.875em 0.5625em;
3136
+ overflow: hidden;
3137
+ margin-left: 0;
3138
+ list-style: none;
3139
+ border-style: solid;
3140
+ border-width: 1px;
3141
+ background-color: #f6f6f6;
3142
+ border-color: gainsboro;
3143
+ -webkit-border-radius: 3px;
3144
+ border-radius: 3px; }
3145
+ .breadcrumbs li {
3146
+ margin: 0;
3147
+ padding: 0 0.75em 0 0;
3148
+ float: left; }
3149
+ .breadcrumbs li:hover a, .breadcrumbs li:focus a {
3150
+ text-decoration: underline; }
3151
+ .breadcrumbs li a,
3152
+ .breadcrumbs li span {
3153
+ font-size: 0.6875em;
3154
+ padding-left: 0.75em;
3155
+ text-transform: uppercase;
3156
+ color: #2ba6cb; }
3157
+ .breadcrumbs li.current a {
3158
+ cursor: default;
3159
+ color: #333333; }
3160
+ .breadcrumbs li.current:hover a, .breadcrumbs li.current:focus a {
3161
+ text-decoration: none; }
3162
+ .breadcrumbs li.unavailable a {
3163
+ color: #999999; }
3164
+ .breadcrumbs li.unavailable:hover a,
3165
+ .breadcrumbs li.unavailable a:focus {
3166
+ text-decoration: none;
3167
+ color: #999999;
3168
+ cursor: default; }
3169
+ .breadcrumbs li:before {
3170
+ content: "/";
3171
+ color: #aaaaaa;
3172
+ position: relative;
3173
+ top: 1px; }
3174
+ .breadcrumbs li:first-child a, .breadcrumbs li:first-child span {
3175
+ padding-left: 0; }
3176
+ .breadcrumbs li:first-child:before {
3177
+ content: " "; }
3178
+
3179
+ /* Keystroke Characters */
3180
+ .keystroke,
3181
+ kbd {
3182
+ background-color: #ededed;
3183
+ border-color: #dbdbdb;
3184
+ color: #222222;
3185
+ border-style: solid;
3186
+ border-width: 1px;
3187
+ margin: 0;
3188
+ font-family: "Consolas", "Menlo", "Courier", monospace;
3189
+ font-size: 0.9375em;
3190
+ padding: 0.125em 0.25em 0em;
3191
+ -webkit-border-radius: 3px;
3192
+ border-radius: 3px; }
3193
+
3194
+ /* Labels */
3195
+ .label {
3196
+ font-weight: 500;
3197
+ text-align: center;
3198
+ text-decoration: none;
3199
+ line-height: 1;
3200
+ white-space: nowrap;
3201
+ display: inline-block;
3202
+ position: relative;
3203
+ padding: 0.1875em 0.625em 0.25em;
3204
+ font-size: 0.875em;
3205
+ background-color: #2ba6cb;
3206
+ color: #fff; }
3207
+ .label.radius {
3208
+ -webkit-border-radius: 3px;
3209
+ border-radius: 3px; }
3210
+ .label.round {
3211
+ -webkit-border-radius: 1000px;
3212
+ border-radius: 1000px; }
3213
+ .label.alert {
3214
+ background-color: #c60f13;
3215
+ color: #fff; }
3216
+ .label.success {
3217
+ background-color: #5da423;
3218
+ color: #fff; }
3219
+ .label.secondary {
3220
+ background-color: #e9e9e9;
3221
+ color: #333; }
3222
+
3223
+ /* Inline Lists */
3224
+ .inline-list {
3225
+ margin: 0 0 1.0625em -1.375em;
3226
+ padding: 0;
3227
+ list-style: none;
3228
+ overflow: hidden; }
3229
+ .inline-list > li {
3230
+ list-style: none;
3231
+ float: left;
3232
+ margin-left: 1.375em;
3233
+ display: block; }
3234
+ .inline-list > li > * {
3235
+ display: block; }
3236
+
3237
+ /* Pagination */
3238
+ .pagination {
3239
+ display: block;
3240
+ height: 1.5em;
3241
+ margin-left: -0.3125em; }
3242
+ .pagination li {
3243
+ display: block;
3244
+ float: left;
3245
+ height: 1.5em;
3246
+ color: #222222;
3247
+ font-size: 0.875em;
3248
+ margin-left: 0.3125em; }
3249
+ .pagination li a {
3250
+ display: block;
3251
+ padding: 0.0625em 0.4375em 0.0625em;
3252
+ color: #999999; }
3253
+ .pagination li:hover a,
3254
+ .pagination li a:focus {
3255
+ background: #e6e6e6; }
3256
+ .pagination li.unavailable a {
3257
+ cursor: default;
3258
+ color: #999999; }
3259
+ .pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
3260
+ background: transparent; }
3261
+ .pagination li.current a {
3262
+ background: #2ba6cb;
3263
+ color: white;
3264
+ font-weight: bold;
3265
+ cursor: default; }
3266
+ .pagination li.current a:hover, .pagination li.current a:focus {
3267
+ background: #2ba6cb; }
3268
+
3269
+ .pagination-centered {
3270
+ text-align: center; }
3271
+ .pagination-centered ul > li {
3272
+ float: none;
3273
+ display: inline-block; }
3274
+
3275
+ /* Panels */
3276
+ .panel {
3277
+ border-style: solid;
3278
+ border-width: 1px;
3279
+ border-color: #d9d9d9;
3280
+ margin-bottom: 1.25em;
3281
+ padding: 1.25em;
3282
+ background: #f2f2f2; }
3283
+ .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
3284
+ color: #333333; }
3285
+ .panel > :first-child {
3286
+ margin-top: 0; }
3287
+ .panel > :last-child {
3288
+ margin-bottom: 0; }
3289
+ .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
3290
+ line-height: 1;
3291
+ margin-bottom: 0.625em; }
3292
+ .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
3293
+ line-height: 1.4; }
3294
+ .panel.callout {
3295
+ border-style: solid;
3296
+ border-width: 1px;
3297
+ border-color: #2284a1;
3298
+ margin-bottom: 1.25em;
3299
+ padding: 1.25em;
3300
+ background: #2ba6cb;
3301
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
3302
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
3303
+ .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
3304
+ color: white; }
3305
+ .panel.callout > :first-child {
3306
+ margin-top: 0; }
3307
+ .panel.callout > :last-child {
3308
+ margin-bottom: 0; }
3309
+ .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
3310
+ line-height: 1;
3311
+ margin-bottom: 0.625em; }
3312
+ .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
3313
+ line-height: 1.4; }
3314
+ .panel.radius {
3315
+ -webkit-border-radius: 3px;
3316
+ border-radius: 3px; }
3317
+
3318
+ /* Pricing Tables */
3319
+ .pricing-table {
3320
+ border: solid 1px #dddddd;
3321
+ margin-left: 0;
3322
+ margin-bottom: 1.25em; }
3323
+ .pricing-table * {
3324
+ list-style: none;
3325
+ line-height: 1; }
3326
+ .pricing-table .title {
3327
+ background-color: #dddddd;
3328
+ padding: 0.9375em 1.25em;
3329
+ text-align: center;
3330
+ color: #333333;
3331
+ font-weight: bold;
3332
+ font-size: 1em; }
3333
+ .pricing-table .price {
3334
+ background-color: #eeeeee;
3335
+ padding: 0.9375em 1.25em;
3336
+ text-align: center;
3337
+ color: #333333;
3338
+ font-weight: normal;
3339
+ font-size: 1.25em; }
3340
+ .pricing-table .description {
3341
+ background-color: white;
3342
+ padding: 0.9375em;
3343
+ text-align: center;
3344
+ color: #777777;
3345
+ font-size: 0.75em;
3346
+ font-weight: normal;
3347
+ line-height: 1.4;
3348
+ border-bottom: dotted 1px #dddddd; }
3349
+ .pricing-table .bullet-item {
3350
+ background-color: white;
3351
+ padding: 0.9375em;
3352
+ text-align: center;
3353
+ color: #333333;
3354
+ font-size: 0.875em;
3355
+ font-weight: normal;
3356
+ border-bottom: dotted 1px #dddddd; }
3357
+ .pricing-table .cta-button {
3358
+ background-color: whitesmoke;
3359
+ text-align: center;
3360
+ padding: 1.25em 1.25em 0; }
3361
+
3362
+ /* Progress Bar */
3363
+ .progress {
3364
+ background-color: transparent;
3365
+ height: 1.5625em;
3366
+ border: 1px solid #cccccc;
3367
+ padding: 0.125em;
3368
+ margin-bottom: 0.625em; }
3369
+ .progress .meter {
3370
+ background: #2ba6cb;
3371
+ height: 100%;
3372
+ display: block; }
3373
+ .progress.secondary .meter {
3374
+ background: #e9e9e9;
3375
+ height: 100%;
3376
+ display: block; }
3377
+ .progress.success .meter {
3378
+ background: #5da423;
3379
+ height: 100%;
3380
+ display: block; }
3381
+ .progress.alert .meter {
3382
+ background: #c60f13;
3383
+ height: 100%;
3384
+ display: block; }
3385
+ .progress.radius {
3386
+ -webkit-border-radius: 3px;
3387
+ border-radius: 3px; }
3388
+ .progress.radius .meter {
3389
+ -webkit-border-radius: 2px;
3390
+ border-radius: 2px; }
3391
+ .progress.round {
3392
+ -webkit-border-radius: 1000px;
3393
+ border-radius: 1000px; }
3394
+ .progress.round .meter {
3395
+ -webkit-border-radius: 999px;
3396
+ border-radius: 999px; }
3397
+
3398
+ /* Side Nav */
3399
+ .side-nav {
3400
+ display: block;
3401
+ margin: 0;
3402
+ padding: 0.875em 0;
3403
+ list-style-type: none;
3404
+ list-style-position: inside; }
3405
+ .side-nav li {
3406
+ margin: 0 0 0.4375em 0;
3407
+ font-size: 0.875em; }
3408
+ .side-nav li a {
3409
+ display: block;
3410
+ color: #2ba6cb; }
3411
+ .side-nav li.active a {
3412
+ color: #4d4d4d;
3413
+ font-weight: bold; }
3414
+ .side-nav li.divider {
3415
+ border-top: 1px solid;
3416
+ height: 0;
3417
+ padding: 0;
3418
+ list-style: none;
3419
+ border-top-color: #e6e6e6; }
3420
+
3421
+ /* Side Nav */
3422
+ .sub-nav {
3423
+ display: block;
3424
+ width: auto;
3425
+ overflow: hidden;
3426
+ margin: -0.25em 0 1.125em;
3427
+ padding-top: 0.25em;
3428
+ margin-right: 0;
3429
+ margin-left: -0.5625em; }
3430
+ .sub-nav dt,
3431
+ .sub-nav dd {
3432
+ float: left;
3433
+ display: inline;
3434
+ margin-left: 0.5625em;
3435
+ margin-bottom: 0.625em;
3436
+ font-weight: normal;
3437
+ font-size: 0.875em; }
3438
+ .sub-nav dt a,
3439
+ .sub-nav dd a {
3440
+ color: #999999;
3441
+ text-decoration: none; }
3442
+ .sub-nav dt.active a,
3443
+ .sub-nav dd.active a {
3444
+ -webkit-border-radius: 1000px;
3445
+ border-radius: 1000px;
3446
+ font-weight: bold;
3447
+ background: #2ba6cb;
3448
+ padding: 0.1875em 0.5625em;
3449
+ cursor: default;
3450
+ color: white; }
3451
+
3452
+ /* Foundation Switches */
3453
+ @media only screen {
3454
+ div.switch {
3455
+ position: relative;
3456
+ width: 100%;
3457
+ padding: 0;
3458
+ display: block;
3459
+ overflow: hidden;
3460
+ border-style: solid;
3461
+ border-width: 1px;
3462
+ margin-bottom: 1.25em;
3463
+ -webkit-animation: webkitSiblingBugfix infinite 1s;
3464
+ height: 36px;
3465
+ background: white;
3466
+ border-color: #cccccc; }
3467
+ div.switch label {
3468
+ position: relative;
3469
+ left: 0;
3470
+ z-index: 2;
3471
+ float: left;
3472
+ width: 50%;
3473
+ height: 100%;
3474
+ margin: 0;
3475
+ text-align: right;
3476
+ font-weight: bold;
3477
+ text-align: left;
3478
+ -webkit-transition: all 0.1s ease-out;
3479
+ -moz-transition: all 0.1s ease-out;
3480
+ transition: all 0.1s ease-out; }
3481
+ div.switch input {
3482
+ position: absolute;
3483
+ z-index: 3;
3484
+ opacity: 0;
3485
+ width: 100%;
3486
+ height: 100%; }
3487
+ div.switch input:hover, div.switch input:focus {
3488
+ cursor: pointer; }
3489
+ div.switch > span {
3490
+ position: absolute;
3491
+ top: -1px;
3492
+ left: -1px;
3493
+ z-index: 1;
3494
+ display: block;
3495
+ padding: 0;
3496
+ border-width: 1px;
3497
+ border-style: solid;
3498
+ -webkit-transition: all 0.1s ease-out;
3499
+ -moz-transition: all 0.1s ease-out;
3500
+ transition: all 0.1s ease-out; }
3501
+ div.switch input:not(:checked) + label {
3502
+ opacity: 0; }
3503
+ div.switch input:checked {
3504
+ display: none !important; }
3505
+ div.switch input {
3506
+ left: 0;
3507
+ display: block !important; }
3508
+ div.switch input:first-of-type + label,
3509
+ div.switch input:first-of-type + span + label {
3510
+ left: -50%; }
3511
+ div.switch input:first-of-type:checked + label,
3512
+ div.switch input:first-of-type:checked + span + label {
3513
+ left: 0%; }
3514
+ div.switch input:last-of-type + label,
3515
+ div.switch input:last-of-type + span + label {
3516
+ right: -50%;
3517
+ left: auto;
3518
+ text-align: right; }
3519
+ div.switch input:last-of-type:checked + label,
3520
+ div.switch input:last-of-type:checked + span + label {
3521
+ right: 0%;
3522
+ left: auto; }
3523
+ div.switch span.custom {
3524
+ display: none !important; }
3525
+ div.switch label {
3526
+ padding: 0 0.375em;
3527
+ line-height: 2.3em;
3528
+ font-size: 0.875em; }
3529
+ div.switch input:first-of-type:checked ~ span {
3530
+ left: 100%;
3531
+ margin-left: -2.1875em; }
3532
+ div.switch > span {
3533
+ width: 2.25em;
3534
+ height: 2.25em; }
3535
+ div.switch > span {
3536
+ border-color: #b3b3b3;
3537
+ background: white;
3538
+ background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
3539
+ background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
3540
+ background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
3541
+ -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
3542
+ box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; }
3543
+ div.switch:hover > span, div.switch:focus > span {
3544
+ background: white;
3545
+ background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
3546
+ background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
3547
+ background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); }
3548
+ div.switch:active {
3549
+ background: transparent; }
3550
+ div.switch.large {
3551
+ height: 44px; }
3552
+ div.switch.large label {
3553
+ padding: 0 0.375em;
3554
+ line-height: 2.3em;
3555
+ font-size: 1.0625em; }
3556
+ div.switch.large input:first-of-type:checked ~ span {
3557
+ left: 100%;
3558
+ margin-left: -2.6875em; }
3559
+ div.switch.large > span {
3560
+ width: 2.75em;
3561
+ height: 2.75em; }
3562
+ div.switch.small {
3563
+ height: 28px; }
3564
+ div.switch.small label {
3565
+ padding: 0 0.375em;
3566
+ line-height: 2.1em;
3567
+ font-size: 0.75em; }
3568
+ div.switch.small input:first-of-type:checked ~ span {
3569
+ left: 100%;
3570
+ margin-left: -1.6875em; }
3571
+ div.switch.small > span {
3572
+ width: 1.75em;
3573
+ height: 1.75em; }
3574
+ div.switch.tiny {
3575
+ height: 22px; }
3576
+ div.switch.tiny label {
3577
+ padding: 0 0.375em;
3578
+ line-height: 1.9em;
3579
+ font-size: 0.6875em; }
3580
+ div.switch.tiny input:first-of-type:checked ~ span {
3581
+ left: 100%;
3582
+ margin-left: -1.3125em; }
3583
+ div.switch.tiny > span {
3584
+ width: 1.375em;
3585
+ height: 1.375em; }
3586
+ div.switch.radius {
3587
+ -webkit-border-radius: 4px;
3588
+ border-radius: 4px; }
3589
+ div.switch.radius > span {
3590
+ -webkit-border-radius: 3px;
3591
+ border-radius: 3px; }
3592
+ div.switch.round {
3593
+ -webkit-border-radius: 1000px;
3594
+ border-radius: 1000px; }
3595
+ div.switch.round > span {
3596
+ -webkit-border-radius: 999px;
3597
+ border-radius: 999px; }
3598
+ div.switch.round label {
3599
+ padding: 0 0.5625em; }
3600
+
3601
+ @-webkit-keyframes webkitSiblingBugfix {
3602
+ from {
3603
+ position: relative; }
3604
+
3605
+ to {
3606
+ position: relative; } } }
3607
+ [data-magellan-expedition] {
3608
+ background: white;
3609
+ z-index: 997;
3610
+ min-width: 100%;
3611
+ padding: 10px; }
3612
+ [data-magellan-expedition] .sub-nav {
3613
+ margin-bottom: 0; }
3614
+ [data-magellan-expedition] .sub-nav dd {
3615
+ margin-bottom: 0; }
3616
+
3617
+ /* Tables */
3618
+ table {
3619
+ background: white;
3620
+ margin-bottom: 1.25em;
3621
+ border: solid 1px #dddddd; }
3622
+ table thead,
3623
+ table tfoot {
3624
+ background: whitesmoke;
3625
+ font-weight: bold; }
3626
+ table thead tr th,
3627
+ table thead tr td,
3628
+ table tfoot tr th,
3629
+ table tfoot tr td {
3630
+ padding: 0.5em 0.625em 0.625em;
3631
+ font-size: 0.875em;
3632
+ color: #222222;
3633
+ text-align: left; }
3634
+ table tr th,
3635
+ table tr td {
3636
+ padding: 0.5625em 0.625em;
3637
+ font-size: 0.875em;
3638
+ color: #222222; }
3639
+ table tr.even, table tr.alt, table tr:nth-of-type(even) {
3640
+ background: #f9f9f9; }
3641
+ table thead tr th,
3642
+ table tfoot tr th,
3643
+ table tbody tr td,
3644
+ table tr td,
3645
+ table tfoot tr td {
3646
+ display: table-cell;
3647
+ line-height: 1.125em; }
3648
+
3649
+ /* Image Thumbnails */
3650
+ .th {
3651
+ display: inline-block;
3652
+ border: solid 4px white;
3653
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
3654
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
3655
+ -webkit-transition: all 200ms ease-out;
3656
+ -moz-transition: all 200ms ease-out;
3657
+ transition: all 200ms ease-out; }
3658
+ .th:hover, .th:focus {
3659
+ -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
3660
+ box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
3661
+ .th.radius {
3662
+ -webkit-border-radius: 3px;
3663
+ border-radius: 3px; }
3664
+
3665
+ /* Tooltips */
3666
+ .has-tip {
3667
+ border-bottom: dotted 1px #cccccc;
3668
+ cursor: help;
3669
+ font-weight: bold;
3670
+ color: #333333; }
3671
+ .has-tip:hover, .has-tip:focus {
3672
+ border-bottom: dotted 1px #196177;
3673
+ color: #2ba6cb; }
3674
+ .has-tip.tip-left, .has-tip.tip-right {
3675
+ float: none !important; }
3676
+
3677
+ .tooltip {
3678
+ display: none;
3679
+ position: absolute;
3680
+ z-index: 999;
3681
+ font-weight: bold;
3682
+ font-size: 0.9375em;
3683
+ line-height: 1.3;
3684
+ padding: 0.5em;
3685
+ max-width: 85%;
3686
+ left: 50%;
3687
+ width: 100%;
3688
+ color: white;
3689
+ background: black;
3690
+ -webkit-border-radius: 3px;
3691
+ border-radius: 3px; }
3692
+ .tooltip > .nub {
3693
+ display: block;
3694
+ position: absolute;
3695
+ width: 0;
3696
+ height: 0;
3697
+ border: solid 5px;
3698
+ border-color: transparent transparent black transparent;
3699
+ top: -10px; }
3700
+ .tooltip.opened {
3701
+ color: #2ba6cb !important;
3702
+ border-bottom: dotted 1px #196177 !important; }
3703
+
3704
+ .tap-to-close {
3705
+ display: block;
3706
+ font-size: 0.625em;
3707
+ color: #888888;
3708
+ font-weight: normal; }
3709
+
3710
+ @media only screen and (min-width: 48em) {
3711
+ .tooltip > .nub {
3712
+ border-color: transparent transparent black transparent;
3713
+ top: -10px; }
3714
+ .tooltip.tip-top > .nub {
3715
+ border-color: black transparent transparent transparent;
3716
+ top: auto;
3717
+ bottom: -10px; }
3718
+ .tooltip.tip-left, .tooltip.tip-right {
3719
+ float: none !important; }
3720
+ .tooltip.tip-left > .nub {
3721
+ border-color: transparent transparent transparent black;
3722
+ right: -10px;
3723
+ left: auto;
3724
+ top: 50%;
3725
+ margin-top: -5px; }
3726
+ .tooltip.tip-right > .nub {
3727
+ border-color: transparent black transparent transparent;
3728
+ right: auto;
3729
+ left: -10px;
3730
+ top: 50%;
3731
+ margin-top: -5px; } }
3732
+ @media only screen and (max-width: 767px) {
3733
+ .f-dropdown {
3734
+ max-width: 100%;
3735
+ left: 0; } }
3736
+ /* Foundation Dropdowns */
3737
+ .f-dropdown {
3738
+ position: absolute;
3739
+ left: -9999px;
3740
+ top: -9999px;
3741
+ list-style: none;
3742
+ width: 100%;
3743
+ max-height: none;
3744
+ height: auto;
3745
+ background: white;
3746
+ border: solid 1px #cccccc;
3747
+ font-size: 16px;
3748
+ z-index: 99;
3749
+ margin-top: 2px;
3750
+ max-width: 200px; }
3751
+ .f-dropdown *:first-child {
3752
+ margin-top: 0; }
3753
+ .f-dropdown *:last-child {
3754
+ margin-bottom: 0; }
3755
+ .f-dropdown:before {
3756
+ content: "";
3757
+ display: block;
3758
+ width: 0;
3759
+ height: 0;
3760
+ border: solid 6px;
3761
+ border-color: transparent transparent white transparent;
3762
+ position: absolute;
3763
+ top: -12px;
3764
+ left: 10px;
3765
+ z-index: 99; }
3766
+ .f-dropdown:after {
3767
+ content: "";
3768
+ display: block;
3769
+ width: 0;
3770
+ height: 0;
3771
+ border: solid 7px;
3772
+ border-color: transparent transparent #cccccc transparent;
3773
+ position: absolute;
3774
+ top: -14px;
3775
+ left: 9px;
3776
+ z-index: 98; }
3777
+ .f-dropdown.right:before {
3778
+ left: auto;
3779
+ right: 10px; }
3780
+ .f-dropdown.right:after {
3781
+ left: auto;
3782
+ right: 9px; }
3783
+ .f-dropdown li {
3784
+ font-size: 0.875em;
3785
+ cursor: pointer;
3786
+ padding: 0.3125em 0.625em;
3787
+ line-height: 1.125em;
3788
+ margin: 0; }
3789
+ .f-dropdown li:hover, .f-dropdown li:focus {
3790
+ background: #eeeeee; }
3791
+ .f-dropdown li a {
3792
+ color: #555555; }
3793
+ .f-dropdown.content {
3794
+ position: absolute;
3795
+ left: -9999px;
3796
+ top: -9999px;
3797
+ list-style: none;
3798
+ padding: 1.25em;
3799
+ width: 100%;
3800
+ height: auto;
3801
+ max-height: none;
3802
+ background: white;
3803
+ border: solid 1px #cccccc;
3804
+ font-size: 16px;
3805
+ z-index: 99;
3806
+ max-width: 200px; }
3807
+ .f-dropdown.content *:first-child {
3808
+ margin-top: 0; }
3809
+ .f-dropdown.content *:last-child {
3810
+ margin-bottom: 0; }
3811
+ .f-dropdown.tiny {
3812
+ max-width: 200px; }
3813
+ .f-dropdown.small {
3814
+ max-width: 300px; }
3815
+ .f-dropdown.medium {
3816
+ max-width: 500px; }
3817
+ .f-dropdown.large {
3818
+ max-width: 800px; }