/**
 * Player
 */
.rawt-video-player .player-area {
    width: 100%;
    margin: 0 auto;
}

.rawt-video-player .player-frame {
    position: relative;
    /*
     * 1920 x 1080 aka 1080p
     *
     * Which is 56.25%.
     */
    padding-top: 56.25%;
    background: #fff;
}

.rawt-video-player .player-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.rawt-video-player .player-link .player {
    width: 100%;
    height: 100%;
}

.rawt-video-player .player-link .frame-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rawt-video-player .player-link .frame-overlay img {
    display: block;
    width: 100%;
    height: auto;
}

.rawt-video-player .player > iframe {
    /* We use a slightly larger iframe to try to avoid the youtube black bars due to
       slight aspect ratio variations in their player */
    width: 101%;
    margin-top: -0.5%;
    margin-left: -0.5%;
    height: 101%;
    border: none;
    background: #fff;
}

.rawt-video-player .player-frame .inline-playing .frame-overlay,
.rawt-video-player .player-frame .inline-not-playing:hover .frame-overlay {
    display: none;
}

/* We have to hide these because YouTube broke our laid-over elements when they disabled the option to
   show less info, reenable if there is ever a solution */
.rawt-video-player .player-frame h3.title,
.rawt-video-player .player-frame .title-details {
    display: none !important;
}

/**
 * Embed
 */
.rawt-video-embed {
    width: 100%;
    max-width: 700px;
}

.rawt-video-embed .video-embed-content {
    padding: 0.3em;
    background: #fff;
    margin: 1.2em 0;
}

/**
 * Video grid
 */
.rawt-video-grid.shortcode-center ul {
    margin: 0 auto;
}

.rawt-video-grid.shortcode-left ul {
    margin: 0 !important;
    float: left;
}

.rawt-video-grid.shortcode-right ul {
    margin: 0 !important;
    float: right;
}

.rawt-video-grid ul {
    width: 100%;
}

.rawt-video-grid ul.loading {
    position: absolute;
    visibility: hidden;
}

.rawt-video-grid ul li {
    list-style: none;
    display: block;
    float: left;
    margin: 1em 0;
    width: 500px
}

.rawt-video-grid .rawt-video-embed .video-embed-content {
    padding: 0.3em;
    background: #fff;
    margin: 0;
}

/**
 * Entity Index
 */
.rawt-entity-index th.duration,
.rawt-entity-index td.duration {
    display: none;
    white-space: nowrap;
    padding-left: 1em;
    padding-right: 1em;
}

.rawt-entity-index th.guests,
.rawt-entity-index td.guests {
    display: none;
    padding-left: 1em;
    padding-right: 1em;
}

@media all and (min-width: 450px) {
    .rawt-entity-index th.duration,
    .rawt-entity-index td.duration {
        display: table-cell;
    }
}

@media all and (min-width: 700px) {
    .rawt-entity-index th.guests,
    .rawt-entity-index td.guests {
        display: table-cell;
    }
}