/* ----------------------------------------------------------------------------- *\
   CROSSBRAND VIDEO PLAYER
\* ----------------------------------------------------------------------------- */

.crossbrand-video-container {
    width: 640px;
    height: 360px;
}

.crossbrand-video-player-container {
    position: relative;
    overflow: hidden;
}

.crossbrand-video-player-embed {
    position: absolute;
    left: 0;
    top: 0;
}

.crossbrand-video-endcard {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
}

.crossbrand-video-playlist li {
    cursor: pointer;
}

/* the below is used on iOS in the YouTube iFrame API player wrapper */

.ios-responsive-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ios-responsive-container iframe,
.ios-responsive-container object,
.ios-responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* the prompt that shows up if you try to make an API call before pressing the player overlay on iOS devices */

.ios-play-prompt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    color: #fff;
    display: none;
}