| @@ -608,8 +608,26 @@ | ||
| 608 | 608 | #charitable-splash-modal main .charitable-splash-section .charitable-splash-video-wrap:hover::after { |
| 609 | 609 | opacity: 0; |
| 610 | 610 | } |
| 611 | 611 | |
| 612 | +/* Deferred Vimeo embed: a button, not an iframe, until it is clicked. The play badge | |
| 613 | + must stay put on hover, because there is nothing behind it yet. */ | |
| 614 | +#charitable-splash-modal main .charitable-splash-section .charitable-splash-video-wrap--deferred:hover::after { | |
| 615 | + opacity: 1; | |
| 616 | +} | |
| 617 | +#charitable-splash-modal main .charitable-splash-section .charitable-splash-video-embed--deferred { | |
| 618 | + display: block; | |
| 619 | + padding: 0; | |
| 620 | + border: 0; | |
| 621 | + cursor: pointer; | |
| 622 | + appearance: none; | |
| 623 | + background: #000; | |
| 624 | +} | |
| 625 | +#charitable-splash-modal main .charitable-splash-section .charitable-splash-video-embed--deferred:focus-visible { | |
| 626 | + outline: 2px solid #e27730; | |
| 627 | + outline-offset: 2px; | |
| 628 | +} | |
| 629 | + | |
| 612 | 630 | #charitable-splash-modal main .charitable-splash-section-more-features { |
| 613 | 631 | display: block; |
| 614 | 632 | padding: 30px 40px 40px; |
| 615 | 633 | text-align: left; |
