fortyone-jekyll-theme 1.0.0 → 1.0.1

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