section.videoGrid{padding:2rem 0}section.videoGrid .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}section.videoGrid .container h3,section.videoGrid .container p{text-align:center;width:100%}section.videoGrid .container h3.noMargin{margin-bottom:0}section.videoGrid .container p{margin-bottom:30px;margin-top:20px}section.videoGrid .container .video{margin:20px;width:calc(25% - 40px)}section.videoGrid .container .video .image{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:56.25%;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.videoGrid .container .video .image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;position:absolute;top:0;width:100%}section.videoGrid .container .video .image svg.playButton{height:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px}section.videoGrid .container .video .image svg.playButton path{fill:transparent;-webkit-transition:all .3s;transition:all .3s}section.videoGrid .container .video .image span{color:#000;font-size:40px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}section.videoGrid .container .video:hover .image svg.playButton path{fill:var(--yellow)}@media(min-width:601px)and (max-width:1199px){section.videoGrid .container .video{width:calc(50% - 40px)}}@media(max-width:600px){section.videoGrid .container .video{width:calc(100% - 40px)}section.videoGrid .container .video .image svg.playButton path{fill:var(--yellow)}}section.videoGrid.hiddenDescription .container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.videoGrid.hiddenDescription .container a.video{border-radius:15px;-webkit-box-shadow:0 16px 24px 16px rgba(0,0,0,.2);box-shadow:0 16px 24px 16px rgba(0,0,0,.2);position:relative}section.videoGrid.hiddenDescription .container a.video .image svg.playButton{-webkit-transition:all .3s;transition:all .3s}section.videoGrid.hiddenDescription .container a.video .image svg.playButton path{fill:var(--yellow)}section.videoGrid.hiddenDescription .container a.video .image.placeholder{opacity:0}section.videoGrid.hiddenDescription .container a.video .inner{border-radius:15px;overflow:scroll;position:absolute;top:0;-webkit-transition:all .3s;transition:all .3s}section.videoGrid.hiddenDescription .container a.video .inner .image{border-radius:15px;overflow:hidden}section.videoGrid.hiddenDescription .container a.video .inner .content{height:0;overflow:hidden}section.videoGrid.hiddenDescription .container a.video .inner .content p.title{font-size:20px;font-weight:700}section.videoGrid.hiddenDescription .container a.video .inner .content p.speakers{font-size:16px;font-weight:100}section.videoGrid.hiddenDescription .container a.video .inner .content p{font-size:18px;line-height:1.2}section.videoGrid.hiddenDescription .container a:hover .image svg.playButton{zoom:120%}section.videoGrid.hiddenDescription .container a:hover .inner{background:#fff;-webkit-box-shadow:0 16px 24px 16px rgba(0,0,0,.2);box-shadow:0 16px 24px 16px rgba(0,0,0,.2);max-height:380px;top:-80px;-webkit-transform:scale(1.1);transform:scale(1.1);z-index:9999}section.videoGrid.hiddenDescription .container a:hover .inner .content{height:auto;padding:10px 20px}section.videoGrid.hiddenDescription .container a:hover .inner .content h4,section.videoGrid.hiddenDescription .container a:hover .inner .content p{height:auto;max-height:500px}section.videoGrid.hiddenDescription .container a:hover .inner .content h4{margin-bottom:5px}section.videoGrid.hiddenDescription .container a:hover .inner .content p.bold{margin-bottom:10px}