CoCalc -- reveal.css

units1819/ethics/reveal.js / css / reveal.css
¹⁸³⁷ views
1
/*!
2
 * reveal.js
3
 * http://revealjs.com
4
 * MIT licensed
5
 *
6
 * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
7
 */
8
/*********************************************
9
 * RESET STYLES
10
 *********************************************/
11
html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
12
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
13
.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
14
.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
15
.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
16
.reveal b, .reveal u, .reveal center,
17
.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
18
.reveal fieldset, .reveal form, .reveal label, .reveal legend,
19
.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
20
.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
21
.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
22
.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
23
.reveal time, .reveal mark, .reveal audio, .reveal video {
24
  margin: 0;
25
  padding: 0;
26
  border: 0;
27
  font-size: 100%;
28
  font: inherit;
29
  vertical-align: baseline; }
30

31
.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
32
.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
33
  display: block; }
34

35
/*********************************************
36
 * GLOBAL STYLES
37
 *********************************************/
38
html,
39
body {
40
  width: 100%;
41
  height: 100%;
42
  overflow: hidden; }
43

44
body {
45
  position: relative;
46
  line-height: 1;
47
  background-color: #fff;
48
  color: #000; }
49

50
/*********************************************
51
 * VIEW FRAGMENTS
52
 *********************************************/
53
.reveal .slides section .fragment {
54
  opacity: 0;
55
  visibility: hidden;
56
  transition: all .2s ease; }
57
  .reveal .slides section .fragment.visible {
58
    opacity: 1;
59
    visibility: inherit; }
60

61
.reveal .slides section .fragment.grow {
62
  opacity: 1;
63
  visibility: inherit; }
64
  .reveal .slides section .fragment.grow.visible {
65
    -webkit-transform: scale(1.3);
66
            transform: scale(1.3); }
67

68
.reveal .slides section .fragment.shrink {
69
  opacity: 1;
70
  visibility: inherit; }
71
  .reveal .slides section .fragment.shrink.visible {
72
    -webkit-transform: scale(0.7);
73
            transform: scale(0.7); }
74

75
.reveal .slides section .fragment.zoom-in {
76
  -webkit-transform: scale(0.1);
77
          transform: scale(0.1); }
78
  .reveal .slides section .fragment.zoom-in.visible {
79
    -webkit-transform: none;
80
            transform: none; }
81

82
.reveal .slides section .fragment.fade-out {
83
  opacity: 1;
84
  visibility: inherit; }
85
  .reveal .slides section .fragment.fade-out.visible {
86
    opacity: 0;
87
    visibility: hidden; }
88

89
.reveal .slides section .fragment.semi-fade-out {
90
  opacity: 1;
91
  visibility: inherit; }
92
  .reveal .slides section .fragment.semi-fade-out.visible {
93
    opacity: 0.5;
94
    visibility: inherit; }
95

96
.reveal .slides section .fragment.strike {
97
  opacity: 1;
98
  visibility: inherit; }
99
  .reveal .slides section .fragment.strike.visible {
100
    text-decoration: line-through; }
101

102
.reveal .slides section .fragment.fade-up {
103
  -webkit-transform: translate(0, 20%);
104
          transform: translate(0, 20%); }
105
  .reveal .slides section .fragment.fade-up.visible {
106
    -webkit-transform: translate(0, 0);
107
            transform: translate(0, 0); }
108

109
.reveal .slides section .fragment.fade-down {
110
  -webkit-transform: translate(0, -20%);
111
          transform: translate(0, -20%); }
112
  .reveal .slides section .fragment.fade-down.visible {
113
    -webkit-transform: translate(0, 0);
114
            transform: translate(0, 0); }
115

116
.reveal .slides section .fragment.fade-right {
117
  -webkit-transform: translate(-20%, 0);
118
          transform: translate(-20%, 0); }
119
  .reveal .slides section .fragment.fade-right.visible {
120
    -webkit-transform: translate(0, 0);
121
            transform: translate(0, 0); }
122

123
.reveal .slides section .fragment.fade-left {
124
  -webkit-transform: translate(20%, 0);
125
          transform: translate(20%, 0); }
126
  .reveal .slides section .fragment.fade-left.visible {
127
    -webkit-transform: translate(0, 0);
128
            transform: translate(0, 0); }
129

130
.reveal .slides section .fragment.fade-in-then-out,
131
.reveal .slides section .fragment.current-visible {
132
  opacity: 0;
133
  visibility: hidden; }
134
  .reveal .slides section .fragment.fade-in-then-out.current-fragment,
135
  .reveal .slides section .fragment.current-visible.current-fragment {
136
    opacity: 1;
137
    visibility: inherit; }
138

139
.reveal .slides section .fragment.fade-in-then-semi-out {
140
  opacity: 0;
141
  visibility: hidden; }
142
  .reveal .slides section .fragment.fade-in-then-semi-out.visible {
143
    opacity: 0.5;
144
    visibility: inherit; }
145
  .reveal .slides section .fragment.fade-in-then-semi-out.current-fragment {
146
    opacity: 1;
147
    visibility: inherit; }
148

149
.reveal .slides section .fragment.highlight-red,
150
.reveal .slides section .fragment.highlight-current-red,
151
.reveal .slides section .fragment.highlight-green,
152
.reveal .slides section .fragment.highlight-current-green,
153
.reveal .slides section .fragment.highlight-blue,
154
.reveal .slides section .fragment.highlight-current-blue {
155
  opacity: 1;
156
  visibility: inherit; }
157

158
.reveal .slides section .fragment.highlight-red.visible {
159
  color: #ff2c2d; }
160

161
.reveal .slides section .fragment.highlight-green.visible {
162
  color: #17ff2e; }
163

164
.reveal .slides section .fragment.highlight-blue.visible {
165
  color: #1b91ff; }
166

167
.reveal .slides section .fragment.highlight-current-red.current-fragment {
168
  color: #ff2c2d; }
169

170
.reveal .slides section .fragment.highlight-current-green.current-fragment {
171
  color: #17ff2e; }
172

173
.reveal .slides section .fragment.highlight-current-blue.current-fragment {
174
  color: #1b91ff; }
175

176
/*********************************************
177
 * DEFAULT ELEMENT STYLES
178
 *********************************************/
179
/* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
180
.reveal:after {
181
  content: '';
182
  font-style: italic; }
183

184
.reveal iframe {
185
  z-index: 1; }
186

187
/** Prevents layering issues in certain browser/transition combinations */
188
.reveal a {
189
  position: relative; }
190

191
.reveal .stretch {
192
  max-width: none;
193
  max-height: none; }
194

195
.reveal pre.stretch code {
196
  height: 100%;
197
  max-height: 100%;
198
  box-sizing: border-box; }
199

200
/*********************************************
201
 * CONTROLS
202
 *********************************************/
203
@-webkit-keyframes bounce-right {
204
  0%, 10%, 25%, 40%, 50% {
205
    -webkit-transform: translateX(0);
206
            transform: translateX(0); }
207
  20% {
208
    -webkit-transform: translateX(10px);
209
            transform: translateX(10px); }
210
  30% {
211
    -webkit-transform: translateX(-5px);
212
            transform: translateX(-5px); } }
213
@keyframes bounce-right {
214
  0%, 10%, 25%, 40%, 50% {
215
    -webkit-transform: translateX(0);
216
            transform: translateX(0); }
217
  20% {
218
    -webkit-transform: translateX(10px);
219
            transform: translateX(10px); }
220
  30% {
221
    -webkit-transform: translateX(-5px);
222
            transform: translateX(-5px); } }
223

224
@-webkit-keyframes bounce-down {
225
  0%, 10%, 25%, 40%, 50% {
226
    -webkit-transform: translateY(0);
227
            transform: translateY(0); }
228
  20% {
229
    -webkit-transform: translateY(10px);
230
            transform: translateY(10px); }
231
  30% {
232
    -webkit-transform: translateY(-5px);
233
            transform: translateY(-5px); } }
234

235
@keyframes bounce-down {
236
  0%, 10%, 25%, 40%, 50% {
237
    -webkit-transform: translateY(0);
238
            transform: translateY(0); }
239
  20% {
240
    -webkit-transform: translateY(10px);
241
            transform: translateY(10px); }
242
  30% {
243
    -webkit-transform: translateY(-5px);
244
            transform: translateY(-5px); } }
245

246
.reveal .controls {
247
  display: none;
248
  position: absolute;
249
  top: auto;
250
  bottom: 12px;
251
  right: 12px;
252
  left: auto;
253
  z-index: 1;
254
  color: #000;
255
  pointer-events: none;
256
  font-size: 10px; }
257
  .reveal .controls button {
258
    position: absolute;
259
    padding: 0;
260
    background-color: transparent;
261
    border: 0;
262
    outline: 0;
263
    cursor: pointer;
264
    color: currentColor;
265
    -webkit-transform: scale(0.9999);
266
            transform: scale(0.9999);
267
    transition: color 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
268
    transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
269
    z-index: 2;
270
    pointer-events: auto;
271
    font-size: inherit;
272
    visibility: hidden;
273
    opacity: 0;
274
    -webkit-appearance: none;
275
    -webkit-tap-highlight-color: transparent; }
276
  .reveal .controls .controls-arrow:before,
277
  .reveal .controls .controls-arrow:after {
278
    content: '';
279
    position: absolute;
280
    top: 0;
281
    left: 0;
282
    width: 2.6em;
283
    height: 0.5em;
284
    border-radius: 0.25em;
285
    background-color: currentColor;
286
    transition: all 0.15s ease, background-color 0.8s ease;
287
    -webkit-transform-origin: 0.2em 50%;
288
            transform-origin: 0.2em 50%;
289
    will-change: transform; }
290
  .reveal .controls .controls-arrow {
291
    position: relative;
292
    width: 3.6em;
293
    height: 3.6em; }
294
    .reveal .controls .controls-arrow:before {
295
      -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg);
296
              transform: translateX(0.5em) translateY(1.55em) rotate(45deg); }
297
    .reveal .controls .controls-arrow:after {
298
      -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg);
299
              transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); }
300
    .reveal .controls .controls-arrow:hover:before {
301
      -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(40deg);
302
              transform: translateX(0.5em) translateY(1.55em) rotate(40deg); }
303
    .reveal .controls .controls-arrow:hover:after {
304
      -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-40deg);
305
              transform: translateX(0.5em) translateY(1.55em) rotate(-40deg); }
306
    .reveal .controls .controls-arrow:active:before {
307
      -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(36deg);
308
              transform: translateX(0.5em) translateY(1.55em) rotate(36deg); }
309
    .reveal .controls .controls-arrow:active:after {
310
      -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-36deg);
311
              transform: translateX(0.5em) translateY(1.55em) rotate(-36deg); }
312
  .reveal .controls .navigate-left {
313
    right: 6.4em;
314
    bottom: 3.2em;
315
    -webkit-transform: translateX(-10px);
316
            transform: translateX(-10px); }
317
  .reveal .controls .navigate-right {
318
    right: 0;
319
    bottom: 3.2em;
320
    -webkit-transform: translateX(10px);
321
            transform: translateX(10px); }
322
    .reveal .controls .navigate-right .controls-arrow {
323
      -webkit-transform: rotate(180deg);
324
              transform: rotate(180deg); }
325
    .reveal .controls .navigate-right.highlight {
326
      -webkit-animation: bounce-right 2s 50 both ease-out;
327
              animation: bounce-right 2s 50 both ease-out; }
328
  .reveal .controls .navigate-up {
329
    right: 3.2em;
330
    bottom: 6.4em;
331
    -webkit-transform: translateY(-10px);
332
            transform: translateY(-10px); }
333
    .reveal .controls .navigate-up .controls-arrow {
334
      -webkit-transform: rotate(90deg);
335
              transform: rotate(90deg); }
336
  .reveal .controls .navigate-down {
337
    right: 3.2em;
338
    bottom: 0;
339
    -webkit-transform: translateY(10px);
340
            transform: translateY(10px); }
341
    .reveal .controls .navigate-down .controls-arrow {
342
      -webkit-transform: rotate(-90deg);
343
              transform: rotate(-90deg); }
344
    .reveal .controls .navigate-down.highlight {
345
      -webkit-animation: bounce-down 2s 50 both ease-out;
346
              animation: bounce-down 2s 50 both ease-out; }
347
  .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled,
348
  .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled {
349
    opacity: 0.3; }
350
    .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover,
351
    .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover {
352
      opacity: 1; }
353
  .reveal .controls[data-controls-back-arrows="hidden"] .navigate-left.enabled,
354
  .reveal .controls[data-controls-back-arrows="hidden"] .navigate-up.enabled {
355
    opacity: 0;
356
    visibility: hidden; }
357
  .reveal .controls .enabled {
358
    visibility: visible;
359
    opacity: 0.9;
360
    cursor: pointer;
361
    -webkit-transform: none;
362
            transform: none; }
363
  .reveal .controls .enabled.fragmented {
364
    opacity: 0.5; }
365
  .reveal .controls .enabled:hover,
366
  .reveal .controls .enabled.fragmented:hover {
367
    opacity: 1; }
368

369
.reveal:not(.has-vertical-slides) .controls .navigate-left {
370
  bottom: 1.4em;
371
  right: 5.5em; }
372

373
.reveal:not(.has-vertical-slides) .controls .navigate-right {
374
  bottom: 1.4em;
375
  right: 0.5em; }
376

377
.reveal:not(.has-horizontal-slides) .controls .navigate-up {
378
  right: 1.4em;
379
  bottom: 5em; }
380

381
.reveal:not(.has-horizontal-slides) .controls .navigate-down {
382
  right: 1.4em;
383
  bottom: 0.5em; }
384

385
.reveal.has-dark-background .controls {
386
  color: #fff; }
387

388
.reveal.has-light-background .controls {
389
  color: #000; }
390

391
.reveal.no-hover .controls .controls-arrow:hover:before,
392
.reveal.no-hover .controls .controls-arrow:active:before {
393
  -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg);
394
          transform: translateX(0.5em) translateY(1.55em) rotate(45deg); }
395

396
.reveal.no-hover .controls .controls-arrow:hover:after,
397
.reveal.no-hover .controls .controls-arrow:active:after {
398
  -webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg);
399
          transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); }
400

401
@media screen and (min-width: 500px) {
402
  .reveal .controls[data-controls-layout="edges"] {
403
    top: 0;
404
    right: 0;
405
    bottom: 0;
406
    left: 0; }
407
  .reveal .controls[data-controls-layout="edges"] .navigate-left,
408
  .reveal .controls[data-controls-layout="edges"] .navigate-right,
409
  .reveal .controls[data-controls-layout="edges"] .navigate-up,
410
  .reveal .controls[data-controls-layout="edges"] .navigate-down {
411
    bottom: auto;
412
    right: auto; }
413
  .reveal .controls[data-controls-layout="edges"] .navigate-left {
414
    top: 50%;
415
    left: 8px;
416
    margin-top: -1.8em; }
417
  .reveal .controls[data-controls-layout="edges"] .navigate-right {
418
    top: 50%;
419
    right: 8px;
420
    margin-top: -1.8em; }
421
  .reveal .controls[data-controls-layout="edges"] .navigate-up {
422
    top: 8px;
423
    left: 50%;
424
    margin-left: -1.8em; }
425
  .reveal .controls[data-controls-layout="edges"] .navigate-down {
426
    bottom: 8px;
427
    left: 50%;
428
    margin-left: -1.8em; } }
429

430
/*********************************************
431
 * PROGRESS BAR
432
 *********************************************/
433
.reveal .progress {
434
  position: absolute;
435
  display: none;
436
  height: 3px;
437
  width: 100%;
438
  bottom: 0;
439
  left: 0;
440
  z-index: 10;
441
  background-color: rgba(0, 0, 0, 0.2);
442
  color: #fff; }
443

444
.reveal .progress:after {
445
  content: '';
446
  display: block;
447
  position: absolute;
448
  height: 10px;
449
  width: 100%;
450
  top: -10px; }
451

452
.reveal .progress span {
453
  display: block;
454
  height: 100%;
455
  width: 0px;
456
  background-color: currentColor;
457
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
458

459
/*********************************************
460
 * SLIDE NUMBER
461
 *********************************************/
462
.reveal .slide-number {
463
  position: absolute;
464
  display: block;
465
  right: 8px;
466
  bottom: 8px;
467
  z-index: 31;
468
  font-family: Helvetica, sans-serif;
469
  font-size: 12px;
470
  line-height: 1;
471
  color: #fff;
472
  background-color: rgba(0, 0, 0, 0.4);
473
  padding: 5px; }
474

475
.reveal .slide-number a {
476
  color: currentColor; }
477

478
.reveal .slide-number-delimiter {
479
  margin: 0 3px; }
480

481
/*********************************************
482
 * SLIDES
483
 *********************************************/
484
.reveal {
485
  position: relative;
486
  width: 100%;
487
  height: 100%;
488
  overflow: hidden;
489
  -ms-touch-action: none;
490
      touch-action: none; }
491

492
@media only screen and (orientation: landscape) {
493
  .reveal.ua-iphone {
494
    position: fixed; } }
495

496
.reveal .slides {
497
  position: absolute;
498
  width: 100%;
499
  height: 100%;
500
  top: 0;
501
  right: 0;
502
  bottom: 0;
503
  left: 0;
504
  margin: auto;
505
  pointer-events: none;
506
  overflow: visible;
507
  z-index: 1;
508
  text-align: center;
509
  -webkit-perspective: 600px;
510
          perspective: 600px;
511
  -webkit-perspective-origin: 50% 40%;
512
          perspective-origin: 50% 40%; }
513

514
.reveal .slides > section {
515
  -ms-perspective: 600px; }
516

517
.reveal .slides > section,
518
.reveal .slides > section > section {
519
  display: none;
520
  position: absolute;
521
  width: 100%;
522
  padding: 20px 0px;
523
  pointer-events: auto;
524
  z-index: 10;
525
  -webkit-transform-style: flat;
526
          transform-style: flat;
527
  transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
528
  transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
529

530
/* Global transition speed settings */
531
.reveal[data-transition-speed="fast"] .slides section {
532
  transition-duration: 400ms; }
533

534
.reveal[data-transition-speed="slow"] .slides section {
535
  transition-duration: 1200ms; }
536

537
/* Slide-specific transition speed overrides */
538
.reveal .slides section[data-transition-speed="fast"] {
539
  transition-duration: 400ms; }
540

541
.reveal .slides section[data-transition-speed="slow"] {
542
  transition-duration: 1200ms; }
543

544
.reveal .slides > section.stack {
545
  padding-top: 0;
546
  padding-bottom: 0;
547
  pointer-events: none; }
548

549
.reveal .slides > section.present,
550
.reveal .slides > section > section.present {
551
  display: block;
552
  z-index: 11;
553
  opacity: 1; }
554

555
.reveal .slides > section:empty,
556
.reveal .slides > section > section:empty,
557
.reveal .slides > section[data-background-interactive],
558
.reveal .slides > section > section[data-background-interactive] {
559
  pointer-events: none; }
560

561
.reveal.center,
562
.reveal.center .slides,
563
.reveal.center .slides section {
564
  min-height: 0 !important; }
565

566
/* Don't allow interaction with invisible slides */
567
.reveal .slides > section.future,
568
.reveal .slides > section > section.future,
569
.reveal .slides > section.past,
570
.reveal .slides > section > section.past {
571
  pointer-events: none; }
572

573
.reveal.overview .slides > section,
574
.reveal.overview .slides > section > section {
575
  pointer-events: auto; }
576

577
.reveal .slides > section.past,
578
.reveal .slides > section.future,
579
.reveal .slides > section > section.past,
580
.reveal .slides > section > section.future {
581
  opacity: 0; }
582

583
/*********************************************
584
 * Mixins for readability of transitions
585
 *********************************************/
586
/*********************************************
587
 * SLIDE TRANSITION
588
 * Aliased 'linear' for backwards compatibility
589
 *********************************************/
590
.reveal.slide section {
591
  -webkit-backface-visibility: hidden;
592
          backface-visibility: hidden; }
593

594
.reveal .slides > section[data-transition=slide].past,
595
.reveal .slides > section[data-transition~=slide-out].past,
596
.reveal.slide .slides > section:not([data-transition]).past {
597
  -webkit-transform: translate(-150%, 0);
598
          transform: translate(-150%, 0); }
599

600
.reveal .slides > section[data-transition=slide].future,
601
.reveal .slides > section[data-transition~=slide-in].future,
602
.reveal.slide .slides > section:not([data-transition]).future {
603
  -webkit-transform: translate(150%, 0);
604
          transform: translate(150%, 0); }
605

606
.reveal .slides > section > section[data-transition=slide].past,
607
.reveal .slides > section > section[data-transition~=slide-out].past,
608
.reveal.slide .slides > section > section:not([data-transition]).past {
609
  -webkit-transform: translate(0, -150%);
610
          transform: translate(0, -150%); }
611

612
.reveal .slides > section > section[data-transition=slide].future,
613
.reveal .slides > section > section[data-transition~=slide-in].future,
614
.reveal.slide .slides > section > section:not([data-transition]).future {
615
  -webkit-transform: translate(0, 150%);
616
          transform: translate(0, 150%); }
617

618
.reveal.linear section {
619
  -webkit-backface-visibility: hidden;
620
          backface-visibility: hidden; }
621

622
.reveal .slides > section[data-transition=linear].past,
623
.reveal .slides > section[data-transition~=linear-out].past,
624
.reveal.linear .slides > section:not([data-transition]).past {
625
  -webkit-transform: translate(-150%, 0);
626
          transform: translate(-150%, 0); }
627

628
.reveal .slides > section[data-transition=linear].future,
629
.reveal .slides > section[data-transition~=linear-in].future,
630
.reveal.linear .slides > section:not([data-transition]).future {
631
  -webkit-transform: translate(150%, 0);
632
          transform: translate(150%, 0); }
633

634
.reveal .slides > section > section[data-transition=linear].past,
635
.reveal .slides > section > section[data-transition~=linear-out].past,
636
.reveal.linear .slides > section > section:not([data-transition]).past {
637
  -webkit-transform: translate(0, -150%);
638
          transform: translate(0, -150%); }
639

640
.reveal .slides > section > section[data-transition=linear].future,
641
.reveal .slides > section > section[data-transition~=linear-in].future,
642
.reveal.linear .slides > section > section:not([data-transition]).future {
643
  -webkit-transform: translate(0, 150%);
644
          transform: translate(0, 150%); }
645

646
/*********************************************
647
 * CONVEX TRANSITION
648
 * Aliased 'default' for backwards compatibility
649
 *********************************************/
650
.reveal .slides section[data-transition=default].stack,
651
.reveal.default .slides section.stack {
652
  -webkit-transform-style: preserve-3d;
653
          transform-style: preserve-3d; }
654

655
.reveal .slides > section[data-transition=default].past,
656
.reveal .slides > section[data-transition~=default-out].past,
657
.reveal.default .slides > section:not([data-transition]).past {
658
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
659
          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
660

661
.reveal .slides > section[data-transition=default].future,
662
.reveal .slides > section[data-transition~=default-in].future,
663
.reveal.default .slides > section:not([data-transition]).future {
664
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
665
          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
666

667
.reveal .slides > section > section[data-transition=default].past,
668
.reveal .slides > section > section[data-transition~=default-out].past,
669
.reveal.default .slides > section > section:not([data-transition]).past {
670
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
671
          transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
672

673
.reveal .slides > section > section[data-transition=default].future,
674
.reveal .slides > section > section[data-transition~=default-in].future,
675
.reveal.default .slides > section > section:not([data-transition]).future {
676
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
677
          transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
678

679
.reveal .slides section[data-transition=convex].stack,
680
.reveal.convex .slides section.stack {
681
  -webkit-transform-style: preserve-3d;
682
          transform-style: preserve-3d; }
683

684
.reveal .slides > section[data-transition=convex].past,
685
.reveal .slides > section[data-transition~=convex-out].past,
686
.reveal.convex .slides > section:not([data-transition]).past {
687
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
688
          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
689

690
.reveal .slides > section[data-transition=convex].future,
691
.reveal .slides > section[data-transition~=convex-in].future,
692
.reveal.convex .slides > section:not([data-transition]).future {
693
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
694
          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
695

696
.reveal .slides > section > section[data-transition=convex].past,
697
.reveal .slides > section > section[data-transition~=convex-out].past,
698
.reveal.convex .slides > section > section:not([data-transition]).past {
699
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
700
          transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
701

702
.reveal .slides > section > section[data-transition=convex].future,
703
.reveal .slides > section > section[data-transition~=convex-in].future,
704
.reveal.convex .slides > section > section:not([data-transition]).future {
705
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
706
          transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
707

708
/*********************************************
709
 * CONCAVE TRANSITION
710
 *********************************************/
711
.reveal .slides section[data-transition=concave].stack,
712
.reveal.concave .slides section.stack {
713
  -webkit-transform-style: preserve-3d;
714
          transform-style: preserve-3d; }
715

716
.reveal .slides > section[data-transition=concave].past,
717
.reveal .slides > section[data-transition~=concave-out].past,
718
.reveal.concave .slides > section:not([data-transition]).past {
719
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
720
          transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
721

722
.reveal .slides > section[data-transition=concave].future,
723
.reveal .slides > section[data-transition~=concave-in].future,
724
.reveal.concave .slides > section:not([data-transition]).future {
725
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
726
          transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
727

728
.reveal .slides > section > section[data-transition=concave].past,
729
.reveal .slides > section > section[data-transition~=concave-out].past,
730
.reveal.concave .slides > section > section:not([data-transition]).past {
731
  -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
732
          transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
733

734
.reveal .slides > section > section[data-transition=concave].future,
735
.reveal .slides > section > section[data-transition~=concave-in].future,
736
.reveal.concave .slides > section > section:not([data-transition]).future {
737
  -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
738
          transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
739

740
/*********************************************
741
 * ZOOM TRANSITION
742
 *********************************************/
743
.reveal .slides section[data-transition=zoom],
744
.reveal.zoom .slides section:not([data-transition]) {
745
  transition-timing-function: ease; }
746

747
.reveal .slides > section[data-transition=zoom].past,
748
.reveal .slides > section[data-transition~=zoom-out].past,
749
.reveal.zoom .slides > section:not([data-transition]).past {
750
  visibility: hidden;
751
  -webkit-transform: scale(16);
752
          transform: scale(16); }
753

754
.reveal .slides > section[data-transition=zoom].future,
755
.reveal .slides > section[data-transition~=zoom-in].future,
756
.reveal.zoom .slides > section:not([data-transition]).future {
757
  visibility: hidden;
758
  -webkit-transform: scale(0.2);
759
          transform: scale(0.2); }
760

761
.reveal .slides > section > section[data-transition=zoom].past,
762
.reveal .slides > section > section[data-transition~=zoom-out].past,
763
.reveal.zoom .slides > section > section:not([data-transition]).past {
764
  -webkit-transform: translate(0, -150%);
765
          transform: translate(0, -150%); }
766

767
.reveal .slides > section > section[data-transition=zoom].future,
768
.reveal .slides > section > section[data-transition~=zoom-in].future,
769
.reveal.zoom .slides > section > section:not([data-transition]).future {
770
  -webkit-transform: translate(0, 150%);
771
          transform: translate(0, 150%); }
772

773
/*********************************************
774
 * CUBE TRANSITION
775
 *
776
 * WARNING:
777
 * this is deprecated and will be removed in a
778
 * future version.
779
 *********************************************/
780
.reveal.cube .slides {
781
  -webkit-perspective: 1300px;
782
          perspective: 1300px; }
783

784
.reveal.cube .slides section {
785
  padding: 30px;
786
  min-height: 700px;
787
  -webkit-backface-visibility: hidden;
788
          backface-visibility: hidden;
789
  box-sizing: border-box;
790
  -webkit-transform-style: preserve-3d;
791
          transform-style: preserve-3d; }
792

793
.reveal.center.cube .slides section {
794
  min-height: 0; }
795

796
.reveal.cube .slides section:not(.stack):before {
797
  content: '';
798
  position: absolute;
799
  display: block;
800
  width: 100%;
801
  height: 100%;
802
  left: 0;
803
  top: 0;
804
  background: rgba(0, 0, 0, 0.1);
805
  border-radius: 4px;
806
  -webkit-transform: translateZ(-20px);
807
          transform: translateZ(-20px); }
808

809
.reveal.cube .slides section:not(.stack):after {
810
  content: '';
811
  position: absolute;
812
  display: block;
813
  width: 90%;
814
  height: 30px;
815
  left: 5%;
816
  bottom: 0;
817
  background: none;
818
  z-index: 1;
819
  border-radius: 4px;
820
  box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
821
  -webkit-transform: translateZ(-90px) rotateX(65deg);
822
          transform: translateZ(-90px) rotateX(65deg); }
823

824
.reveal.cube .slides > section.stack {
825
  padding: 0;
826
  background: none; }
827

828
.reveal.cube .slides > section.past {
829
  -webkit-transform-origin: 100% 0%;
830
          transform-origin: 100% 0%;
831
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
832
          transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
833

834
.reveal.cube .slides > section.future {
835
  -webkit-transform-origin: 0% 0%;
836
          transform-origin: 0% 0%;
837
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
838
          transform: translate3d(100%, 0, 0) rotateY(90deg); }
839

840
.reveal.cube .slides > section > section.past {
841
  -webkit-transform-origin: 0% 100%;
842
          transform-origin: 0% 100%;
843
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
844
          transform: translate3d(0, -100%, 0) rotateX(90deg); }
845

846
.reveal.cube .slides > section > section.future {
847
  -webkit-transform-origin: 0% 0%;
848
          transform-origin: 0% 0%;
849
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
850
          transform: translate3d(0, 100%, 0) rotateX(-90deg); }
851

852
/*********************************************
853
 * PAGE TRANSITION
854
 *
855
 * WARNING:
856
 * this is deprecated and will be removed in a
857
 * future version.
858
 *********************************************/
859
.reveal.page .slides {
860
  -webkit-perspective-origin: 0% 50%;
861
          perspective-origin: 0% 50%;
862
  -webkit-perspective: 3000px;
863
          perspective: 3000px; }
864

865
.reveal.page .slides section {
866
  padding: 30px;
867
  min-height: 700px;
868
  box-sizing: border-box;
869
  -webkit-transform-style: preserve-3d;
870
          transform-style: preserve-3d; }
871

872
.reveal.page .slides section.past {
873
  z-index: 12; }
874

875
.reveal.page .slides section:not(.stack):before {
876
  content: '';
877
  position: absolute;
878
  display: block;
879
  width: 100%;
880
  height: 100%;
881
  left: 0;
882
  top: 0;
883
  background: rgba(0, 0, 0, 0.1);
884
  -webkit-transform: translateZ(-20px);
885
          transform: translateZ(-20px); }
886

887
.reveal.page .slides section:not(.stack):after {
888
  content: '';
889
  position: absolute;
890
  display: block;
891
  width: 90%;
892
  height: 30px;
893
  left: 5%;
894
  bottom: 0;
895
  background: none;
896
  z-index: 1;
897
  border-radius: 4px;
898
  box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
899
  -webkit-transform: translateZ(-90px) rotateX(65deg); }
900

901
.reveal.page .slides > section.stack {
902
  padding: 0;
903
  background: none; }
904

905
.reveal.page .slides > section.past {
906
  -webkit-transform-origin: 0% 0%;
907
          transform-origin: 0% 0%;
908
  -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
909
          transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
910

911
.reveal.page .slides > section.future {
912
  -webkit-transform-origin: 100% 0%;
913
          transform-origin: 100% 0%;
914
  -webkit-transform: translate3d(0, 0, 0);
915
          transform: translate3d(0, 0, 0); }
916

917
.reveal.page .slides > section > section.past {
918
  -webkit-transform-origin: 0% 0%;
919
          transform-origin: 0% 0%;
920
  -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
921
          transform: translate3d(0, -40%, 0) rotateX(80deg); }
922

923
.reveal.page .slides > section > section.future {
924
  -webkit-transform-origin: 0% 100%;
925
          transform-origin: 0% 100%;
926
  -webkit-transform: translate3d(0, 0, 0);
927
          transform: translate3d(0, 0, 0); }
928

929
/*********************************************
930
 * FADE TRANSITION
931
 *********************************************/
932
.reveal .slides section[data-transition=fade],
933
.reveal.fade .slides section:not([data-transition]),
934
.reveal.fade .slides > section > section:not([data-transition]) {
935
  -webkit-transform: none;
936
          transform: none;
937
  transition: opacity 0.5s; }
938

939
.reveal.fade.overview .slides section,
940
.reveal.fade.overview .slides > section > section {
941
  transition: none; }
942

943
/*********************************************
944
 * NO TRANSITION
945
 *********************************************/
946
.reveal .slides section[data-transition=none],
947
.reveal.none .slides section:not([data-transition]) {
948
  -webkit-transform: none;
949
          transform: none;
950
  transition: none; }
951

952
/*********************************************
953
 * PAUSED MODE
954
 *********************************************/
955
.reveal .pause-overlay {
956
  position: absolute;
957
  top: 0;
958
  left: 0;
959
  width: 100%;
960
  height: 100%;
961
  background: black;
962
  visibility: hidden;
963
  opacity: 0;
964
  z-index: 100;
965
  transition: all 1s ease; }
966

967
.reveal .pause-overlay .resume-button {
968
  position: absolute;
969
  bottom: 20px;
970
  right: 20px;
971
  color: #ccc;
972
  border-radius: 2px;
973
  padding: 6px 14px;
974
  border: 2px solid #ccc;
975
  font-size: 16px;
976
  background: transparent;
977
  cursor: pointer; }
978
  .reveal .pause-overlay .resume-button:hover {
979
    color: #fff;
980
    border-color: #fff; }
981

982
.reveal.paused .pause-overlay {
983
  visibility: visible;
984
  opacity: 1; }
985

986
/*********************************************
987
 * FALLBACK
988
 *********************************************/
989
.no-transforms {
990
  overflow-y: auto; }
991

992
.no-transforms .reveal .slides {
993
  position: relative;
994
  width: 80%;
995
  height: auto !important;
996
  top: 0;
997
  left: 50%;
998
  margin: 0;
999
  text-align: center; }
1000

1001
.no-transforms .reveal .controls,
1002
.no-transforms .reveal .progress {
1003
  display: none !important; }
1004

1005
.no-transforms .reveal .slides section {
1006
  display: block !important;
1007
  opacity: 1 !important;
1008
  position: relative !important;
1009
  height: auto;
1010
  min-height: 0;
1011
  top: 0;
1012
  left: -50%;
1013
  margin: 70px 0;
1014
  -webkit-transform: none;
1015
          transform: none; }
1016

1017
.no-transforms .reveal .slides section section {
1018
  left: 0; }
1019

1020
.reveal .no-transition,
1021
.reveal .no-transition * {
1022
  transition: none !important; }
1023

1024
/*********************************************
1025
 * PER-SLIDE BACKGROUNDS
1026
 *********************************************/
1027
.reveal .backgrounds {
1028
  position: absolute;
1029
  width: 100%;
1030
  height: 100%;
1031
  top: 0;
1032
  left: 0;
1033
  -webkit-perspective: 600px;
1034
          perspective: 600px; }
1035

1036
.reveal .slide-background {
1037
  display: none;
1038
  position: absolute;
1039
  width: 100%;
1040
  height: 100%;
1041
  opacity: 0;
1042
  visibility: hidden;
1043
  overflow: hidden;
1044
  background-color: transparent;
1045
  transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
1046

1047
.reveal .slide-background-content {
1048
  position: absolute;
1049
  width: 100%;
1050
  height: 100%;
1051
  background-position: 50% 50%;
1052
  background-repeat: no-repeat;
1053
  background-size: cover; }
1054

1055
.reveal .slide-background.stack {
1056
  display: block; }
1057

1058
.reveal .slide-background.present {
1059
  opacity: 1;
1060
  visibility: visible;
1061
  z-index: 2; }
1062

1063
.print-pdf .reveal .slide-background {
1064
  opacity: 1 !important;
1065
  visibility: visible !important; }
1066

1067
/* Video backgrounds */
1068
.reveal .slide-background video {
1069
  position: absolute;
1070
  width: 100%;
1071
  height: 100%;
1072
  max-width: none;
1073
  max-height: none;
1074
  top: 0;
1075
  left: 0;
1076
  -o-object-fit: cover;
1077
     object-fit: cover; }
1078

1079
.reveal .slide-background[data-background-size="contain"] video {
1080
  -o-object-fit: contain;
1081
     object-fit: contain; }
1082

1083
/* Immediate transition style */
1084
.reveal[data-background-transition=none] > .backgrounds .slide-background,
1085
.reveal > .backgrounds .slide-background[data-background-transition=none] {
1086
  transition: none; }
1087

1088
/* Slide */
1089
.reveal[data-background-transition=slide] > .backgrounds .slide-background,
1090
.reveal > .backgrounds .slide-background[data-background-transition=slide] {
1091
  opacity: 1;
1092
  -webkit-backface-visibility: hidden;
1093
          backface-visibility: hidden; }
1094

1095
.reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
1096
.reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
1097
  -webkit-transform: translate(-100%, 0);
1098
          transform: translate(-100%, 0); }
1099

1100
.reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
1101
.reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
1102
  -webkit-transform: translate(100%, 0);
1103
          transform: translate(100%, 0); }
1104

1105
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
1106
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
1107
  -webkit-transform: translate(0, -100%);
1108
          transform: translate(0, -100%); }
1109

1110
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
1111
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
1112
  -webkit-transform: translate(0, 100%);
1113
          transform: translate(0, 100%); }
1114

1115
/* Convex */
1116
.reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
1117
.reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
1118
  opacity: 0;
1119
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
1120
          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
1121

1122
.reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
1123
.reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
1124
  opacity: 0;
1125
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
1126
          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
1127

1128
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
1129
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
1130
  opacity: 0;
1131
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
1132
          transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
1133

1134
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
1135
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
1136
  opacity: 0;
1137
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
1138
          transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
1139

1140
/* Concave */
1141
.reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
1142
.reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
1143
  opacity: 0;
1144
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
1145
          transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
1146

1147
.reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
1148
.reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
1149
  opacity: 0;
1150
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
1151
          transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
1152

1153
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
1154
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
1155
  opacity: 0;
1156
  -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
1157
          transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
1158

1159
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
1160
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
1161
  opacity: 0;
1162
  -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
1163
          transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
1164

1165
/* Zoom */
1166
.reveal[data-background-transition=zoom] > .backgrounds .slide-background,
1167
.reveal > .backgrounds .slide-background[data-background-transition=zoom] {
1168
  transition-timing-function: ease; }
1169

1170
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
1171
.reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
1172
  opacity: 0;
1173
  visibility: hidden;
1174
  -webkit-transform: scale(16);
1175
          transform: scale(16); }
1176

1177
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
1178
.reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
1179
  opacity: 0;
1180
  visibility: hidden;
1181
  -webkit-transform: scale(0.2);
1182
          transform: scale(0.2); }
1183

1184
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
1185
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
1186
  opacity: 0;
1187
  visibility: hidden;
1188
  -webkit-transform: scale(16);
1189
          transform: scale(16); }
1190

1191
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
1192
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
1193
  opacity: 0;
1194
  visibility: hidden;
1195
  -webkit-transform: scale(0.2);
1196
          transform: scale(0.2); }
1197

1198
/* Global transition speed settings */
1199
.reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
1200
  transition-duration: 400ms; }
1201

1202
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
1203
  transition-duration: 1200ms; }
1204

1205
/*********************************************
1206
 * OVERVIEW
1207
 *********************************************/
1208
.reveal.overview {
1209
  -webkit-perspective-origin: 50% 50%;
1210
          perspective-origin: 50% 50%;
1211
  -webkit-perspective: 700px;
1212
          perspective: 700px; }
1213
  .reveal.overview .slides {
1214
    -moz-transform-style: preserve-3d; }
1215
  .reveal.overview .slides section {
1216
    height: 100%;
1217
    top: 0 !important;
1218
    opacity: 1 !important;
1219
    overflow: hidden;
1220
    visibility: visible !important;
1221
    cursor: pointer;
1222
    box-sizing: border-box; }
1223
  .reveal.overview .slides section:hover,
1224
  .reveal.overview .slides section.present {
1225
    outline: 10px solid rgba(150, 150, 150, 0.4);
1226
    outline-offset: 10px; }
1227
  .reveal.overview .slides section .fragment {
1228
    opacity: 1;
1229
    transition: none; }
1230
  .reveal.overview .slides section:after,
1231
  .reveal.overview .slides section:before {
1232
    display: none !important; }
1233
  .reveal.overview .slides > section.stack {
1234
    padding: 0;
1235
    top: 0 !important;
1236
    background: none;
1237
    outline: none;
1238
    overflow: visible; }
1239
  .reveal.overview .backgrounds {
1240
    -webkit-perspective: inherit;
1241
            perspective: inherit;
1242
    -moz-transform-style: preserve-3d; }
1243
  .reveal.overview .backgrounds .slide-background {
1244
    opacity: 1;
1245
    visibility: visible;
1246
    outline: 10px solid rgba(150, 150, 150, 0.1);
1247
    outline-offset: 10px; }
1248
  .reveal.overview .backgrounds .slide-background.stack {
1249
    overflow: visible; }
1250

1251
.reveal.overview .slides section,
1252
.reveal.overview-deactivating .slides section {
1253
  transition: none; }
1254

1255
.reveal.overview .backgrounds .slide-background,
1256
.reveal.overview-deactivating .backgrounds .slide-background {
1257
  transition: none; }
1258

1259
/*********************************************
1260
 * RTL SUPPORT
1261
 *********************************************/
1262
.reveal.rtl .slides,
1263
.reveal.rtl .slides h1,
1264
.reveal.rtl .slides h2,
1265
.reveal.rtl .slides h3,
1266
.reveal.rtl .slides h4,
1267
.reveal.rtl .slides h5,
1268
.reveal.rtl .slides h6 {
1269
  direction: rtl;
1270
  font-family: sans-serif; }
1271

1272
.reveal.rtl pre,
1273
.reveal.rtl code {
1274
  direction: ltr; }
1275

1276
.reveal.rtl ol,
1277
.reveal.rtl ul {
1278
  text-align: right; }
1279

1280
.reveal.rtl .progress span {
1281
  float: right; }
1282

1283
/*********************************************
1284
 * PARALLAX BACKGROUND
1285
 *********************************************/
1286
.reveal.has-parallax-background .backgrounds {
1287
  transition: all 0.8s ease; }
1288

1289
/* Global transition speed settings */
1290
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
1291
  transition-duration: 400ms; }
1292

1293
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
1294
  transition-duration: 1200ms; }
1295

1296
/*********************************************
1297
 * LINK PREVIEW OVERLAY
1298
 *********************************************/
1299
.reveal .overlay {
1300
  position: absolute;
1301
  top: 0;
1302
  left: 0;
1303
  width: 100%;
1304
  height: 100%;
1305
  z-index: 1000;
1306
  background: rgba(0, 0, 0, 0.9);
1307
  opacity: 0;
1308
  visibility: hidden;
1309
  transition: all 0.3s ease; }
1310

1311
.reveal .overlay.visible {
1312
  opacity: 1;
1313
  visibility: visible; }
1314

1315
.reveal .overlay .spinner {
1316
  position: absolute;
1317
  display: block;
1318
  top: 50%;
1319
  left: 50%;
1320
  width: 32px;
1321
  height: 32px;
1322
  margin: -16px 0 0 -16px;
1323
  z-index: 10;
1324
  background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
1325
  visibility: visible;
1326
  opacity: 0.6;
1327
  transition: all 0.3s ease; }
1328

1329
.reveal .overlay header {
1330
  position: absolute;
1331
  left: 0;
1332
  top: 0;
1333
  width: 100%;
1334
  height: 40px;
1335
  z-index: 2;
1336
  border-bottom: 1px solid #222; }
1337

1338
.reveal .overlay header a {
1339
  display: inline-block;
1340
  width: 40px;
1341
  height: 40px;
1342
  line-height: 36px;
1343
  padding: 0 10px;
1344
  float: right;
1345
  opacity: 0.6;
1346
  box-sizing: border-box; }
1347

1348
.reveal .overlay header a:hover {
1349
  opacity: 1; }
1350

1351
.reveal .overlay header a .icon {
1352
  display: inline-block;
1353
  width: 20px;
1354
  height: 20px;
1355
  background-position: 50% 50%;
1356
  background-size: 100%;
1357
  background-repeat: no-repeat; }
1358

1359
.reveal .overlay header a.close .icon {
1360
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
1361

1362
.reveal .overlay header a.external .icon {
1363
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
1364

1365
.reveal .overlay .viewport {
1366
  position: absolute;
1367
  display: -webkit-box;
1368
  display: -ms-flexbox;
1369
  display: flex;
1370
  top: 40px;
1371
  right: 0;
1372
  bottom: 0;
1373
  left: 0; }
1374

1375
.reveal .overlay.overlay-preview .viewport iframe {
1376
  width: 100%;
1377
  height: 100%;
1378
  max-width: 100%;
1379
  max-height: 100%;
1380
  border: 0;
1381
  opacity: 0;
1382
  visibility: hidden;
1383
  transition: all 0.3s ease; }
1384

1385
.reveal .overlay.overlay-preview.loaded .viewport iframe {
1386
  opacity: 1;
1387
  visibility: visible; }
1388

1389
.reveal .overlay.overlay-preview.loaded .viewport-inner {
1390
  position: absolute;
1391
  z-index: -1;
1392
  left: 0;
1393
  top: 45%;
1394
  width: 100%;
1395
  text-align: center;
1396
  letter-spacing: normal; }
1397

1398
.reveal .overlay.overlay-preview .x-frame-error {
1399
  opacity: 0;
1400
  transition: opacity 0.3s ease 0.3s; }
1401

1402
.reveal .overlay.overlay-preview.loaded .x-frame-error {
1403
  opacity: 1; }
1404

1405
.reveal .overlay.overlay-preview.loaded .spinner {
1406
  opacity: 0;
1407
  visibility: hidden;
1408
  -webkit-transform: scale(0.2);
1409
          transform: scale(0.2); }
1410

1411
.reveal .overlay.overlay-help .viewport {
1412
  overflow: auto;
1413
  color: #fff; }
1414

1415
.reveal .overlay.overlay-help .viewport .viewport-inner {
1416
  width: 600px;
1417
  margin: auto;
1418
  padding: 20px 20px 80px 20px;
1419
  text-align: center;
1420
  letter-spacing: normal; }
1421

1422
.reveal .overlay.overlay-help .viewport .viewport-inner .title {
1423
  font-size: 20px; }
1424

1425
.reveal .overlay.overlay-help .viewport .viewport-inner table {
1426
  border: 1px solid #fff;
1427
  border-collapse: collapse;
1428
  font-size: 16px; }
1429

1430
.reveal .overlay.overlay-help .viewport .viewport-inner table th,
1431
.reveal .overlay.overlay-help .viewport .viewport-inner table td {
1432
  width: 200px;
1433
  padding: 14px;
1434
  border: 1px solid #fff;
1435
  vertical-align: middle; }
1436

1437
.reveal .overlay.overlay-help .viewport .viewport-inner table th {
1438
  padding-top: 20px;
1439
  padding-bottom: 20px; }
1440

1441
/*********************************************
1442
 * PLAYBACK COMPONENT
1443
 *********************************************/
1444
.reveal .playback {
1445
  position: absolute;
1446
  left: 15px;
1447
  bottom: 20px;
1448
  z-index: 30;
1449
  cursor: pointer;
1450
  transition: all 400ms ease;
1451
  -webkit-tap-highlight-color: transparent; }
1452

1453
.reveal.overview .playback {
1454
  opacity: 0;
1455
  visibility: hidden; }
1456

1457
/*********************************************
1458
 * ROLLING LINKS
1459
 *********************************************/
1460
.reveal .roll {
1461
  display: inline-block;
1462
  line-height: 1.2;
1463
  overflow: hidden;
1464
  vertical-align: top;
1465
  -webkit-perspective: 400px;
1466
          perspective: 400px;
1467
  -webkit-perspective-origin: 50% 50%;
1468
          perspective-origin: 50% 50%; }
1469

1470
.reveal .roll:hover {
1471
  background: none;
1472
  text-shadow: none; }
1473

1474
.reveal .roll span {
1475
  display: block;
1476
  position: relative;
1477
  padding: 0 2px;
1478
  pointer-events: none;
1479
  transition: all 400ms ease;
1480
  -webkit-transform-origin: 50% 0%;
1481
          transform-origin: 50% 0%;
1482
  -webkit-transform-style: preserve-3d;
1483
          transform-style: preserve-3d;
1484
  -webkit-backface-visibility: hidden;
1485
          backface-visibility: hidden; }
1486

1487
.reveal .roll:hover span {
1488
  background: rgba(0, 0, 0, 0.5);
1489
  -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
1490
          transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
1491

1492
.reveal .roll span:after {
1493
  content: attr(data-title);
1494
  display: block;
1495
  position: absolute;
1496
  left: 0;
1497
  top: 0;
1498
  padding: 0 2px;
1499
  -webkit-backface-visibility: hidden;
1500
          backface-visibility: hidden;
1501
  -webkit-transform-origin: 50% 0%;
1502
          transform-origin: 50% 0%;
1503
  -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1504
          transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
1505

1506
/*********************************************
1507
 * SPEAKER NOTES
1508
 *********************************************/
1509
.reveal aside.notes {
1510
  display: none; }
1511

1512
.reveal .speaker-notes {
1513
  display: none;
1514
  position: absolute;
1515
  width: 25vw;
1516
  height: 100%;
1517
  top: 0;
1518
  left: 100%;
1519
  padding: 14px 18px 14px 18px;
1520
  z-index: 1;
1521
  font-size: 18px;
1522
  line-height: 1.4;
1523
  border: 1px solid rgba(0, 0, 0, 0.05);
1524
  color: #222;
1525
  background-color: #f5f5f5;
1526
  overflow: auto;
1527
  box-sizing: border-box;
1528
  text-align: left;
1529
  font-family: Helvetica, sans-serif;
1530
  -webkit-overflow-scrolling: touch; }
1531
  .reveal .speaker-notes .notes-placeholder {
1532
    color: #ccc;
1533
    font-style: italic; }
1534
  .reveal .speaker-notes:focus {
1535
    outline: none; }
1536
  .reveal .speaker-notes:before {
1537
    content: 'Speaker notes';
1538
    display: block;
1539
    margin-bottom: 10px;
1540
    opacity: 0.5; }
1541

1542
.reveal.show-notes {
1543
  max-width: 75vw;
1544
  overflow: visible; }
1545

1546
.reveal.show-notes .speaker-notes {
1547
  display: block; }
1548

1549
@media screen and (min-width: 1600px) {
1550
  .reveal .speaker-notes {
1551
    font-size: 20px; } }
1552

1553
@media screen and (max-width: 1024px) {
1554
  .reveal.show-notes {
1555
    border-left: 0;
1556
    max-width: none;
1557
    max-height: 70%;
1558
    overflow: visible; }
1559
  .reveal.show-notes .speaker-notes {
1560
    top: 100%;
1561
    left: 0;
1562
    width: 100%;
1563
    height: 42.8571428571%; } }
1564

1565
@media screen and (max-width: 600px) {
1566
  .reveal.show-notes {
1567
    max-height: 60%; }
1568
  .reveal.show-notes .speaker-notes {
1569
    top: 100%;
1570
    height: 66.6666666667%; }
1571
  .reveal .speaker-notes {
1572
    font-size: 14px; } }
1573

1574
/*********************************************
1575
 * ZOOM PLUGIN
1576
 *********************************************/
1577
.zoomed .reveal *,
1578
.zoomed .reveal *:before,
1579
.zoomed .reveal *:after {
1580
  -webkit-backface-visibility: visible !important;
1581
          backface-visibility: visible !important; }
1582

1583
.zoomed .reveal .progress,
1584
.zoomed .reveal .controls {
1585
  opacity: 0; }
1586

1587
.zoomed .reveal .roll span {
1588
  background: none; }
1589

1590
.zoomed .reveal .roll span:after {
1591
  visibility: hidden; }
1592

1593
Product

Resources

Company
