.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;border-radius:.5em}.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.embed-container #video-player-container{display:none}.embed-container .thumbnail-wrapper{position:relative;display:block;width:100%;height:0;padding-bottom:56.25%;cursor:pointer;transition:transform .3s ease}.embed-container .thumbnail-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(41,49,55,.3);transition:background-color .3s ease;z-index:1}.embed-container .thumbnail-wrapper .video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.embed-container .thumbnail-wrapper .play-button-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;z-index:2}.embed-container .thumbnail-wrapper .play-button-wrapper::before{content:"";width:74px;height:74px;background-size:cover;margin-bottom:.5rem}.embed-container .thumbnail-wrapper--youtube .play-button-wrapper::before{background-image:url("/wp-content/themes/campbell/assets/img/yt_play_icon.svg")}.embed-container .thumbnail-wrapper--vimeo .play-button-wrapper::before{background-image:url("/wp-content/themes/campbell/assets/img/vimeo-tile.svg")}.embed-container .thumbnail-wrapper .play-heading{margin:0;color:#fff;font-size:1.2rem;text-shadow:0 0 5px rgba(0,0,0,.5);opacity:1;z-index:2}.embed-container .thumbnail-wrapper:hover::before{background-color:rgba(41,49,55,.8)}.embed-container .thumbnail-wrapper:hover .play-button-wrapper{transform:translate(-50%, -50%) scale(1.2)}.embed-container .thumbnail-wrapper.animate .play-button-wrapper{animation:buttonGrowAndFadeOut .5s ease-in-out forwards}.embed-container .thumbnail-wrapper.animate .play-heading{animation:textGrowAndFadeOut .5s ease-in-out forwards}@keyframes buttonGrowAndFadeOut{0%{transform:translate(-50%, -50%) scale(1);opacity:1}100%{transform:translate(-50%, -50%) scale(1.5);opacity:0}}@keyframes textGrowAndFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}/*# sourceMappingURL=video.css.map */