.resource-video { display: block; text-decoration: none !important; padding: 0; background-color: #ffffff; width: 100%; }
.resource-video-wrapper { display: block; height: auto; position: relative; width: 100%; }
.resource-video-wrapper > img { width: 100%; }
.resource-video-play-button { background-image: url(/packages/ae_theme/themes/ae/assets/images/play.svg); z-index: 1;
    background-repeat: no-repeat; position: absolute; width: 100px; height: 100px; opacity: 1; top: 50%; left: 50%;
    transform: translate(-50%, -50%); }
.resource-video .resource-video-title { display: block; margin-top: 12px; font-weight: bold; line-height: 1.175rem;
    text-decoration: none; text-align: center; }
.resource-video .resource-video-additional-text { display: block; text-decoration: none; text-align: center; }

/*Video PLayer*/
.video-player { position: fixed; top: 0; bottom: auto; left: 0; right: 0; height: 100%; width: 100%;
    background-color: rgba(0,0,0,0.8); animation-name: fadein; animation-duration: 0.6s; }
.video-player.player-active { display: block !important; }
.video-player-content { margin-inline: auto; width: 70%; height: 100%; max-width: 1400px; }
.video-player-close { display: inline-block; width: 100%; }
.video-player .close { float: right; font-size: 32px; margin: 20px 25px 0 0; color: #ffffff; }
.video-player .close:hover { transform: scale(1.1); color: #ffffff; opacity: 1; }

@media only screen and (max-width: 1400px){
    .video-player-content { width: 80%; }
}

@media only screen and (max-width: 700px){
    .video-player-content { margin: 15% auto; width: 95%; }
}