﻿#webinar-videos #video-wrapper {
    position: relative;
    margin: 0 auto 0 auto;
}

#webinar-videos #video-block {
    background-color: #FFF;
    cursor: pointer;
    margin-bottom: 1em;
}

    #webinar-videos #video-block #video-player .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #FFF;
        font-size: 4em;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    }

    #webinar-videos #video-block #video-player .current-video-thumb {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        aspect-ratio: 16 / 9;
    }

    #webinar-videos #video-block #video-player {
        margin: auto;
        padding: 0.25em;
        width: 100%;
        height: 100%;
        aspect-ratio: 16 / 9;
    }   

#webinar-videos #video-info h3.name {
    text-align: center;
    color: #0f347d;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.625em;
    margin: 0;
}

#webinar-videos #video-info h2.title {
    text-align: center;
    color: #0f347d;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25em;
    margin: 0 0 0.125em 0;
}

#webinar-videos #video-info .posted,
#webinar-videos #video-info .length {
    text-align: center;
    color: #0f347d;
    font-size: 1em;
    line-height: 1.25em;
    margin: 0;
}

#webinar-videos #video-info .length {
    margin-bottom: 1.667em;
}

#webinar-videos .video-description {
    width: 73.75%;
    margin: 0 auto 0 auto;
}

    #webinar-videos .video-description a:link,
    #webinar-videos .video-description a:visited {
        color: #ea232c;
        text-decoration: none;
    }

    #webinar-videos .video-description a:active,
    #webinar-videos .video-description a:hover {
        color: #ea232c;
        text-decoration: underline;
    }

    #webinar-videos .video-description h2 {
        color: #0f347d;
        font-size: 1.25em;
        font-weight: 700;
        line-height: 1.25em;
        border-top: 1px solid #e4e4e4;
        padding-top: 1em;
        margin: 1em 0 0.5em 0;
    }

    #webinar-videos .video-description h3.sub-title {
        text-align: center;
        color: #4C4C4C;
        font-size: 1em;
        font-weight: 700;
        line-height: 1.5em;
        padding-top: 1em;
        margin: 1em 0 0.5em 0;
        border: none;
    }

    #webinar-videos .video-description h2.about-header {
        text-align: center;
        border: none;
    }

#webinar-videos .more-like-this h3 {
    text-align: center;
    color: #0f347d;
}

#webinar-videos .webinar-description {
    width: 76.35%;
    text-align: center;
    margin: 0 auto 2em auto;
}

.webinar-video-list {
    width: 75%;
    margin: 0 auto 0 auto;
}

#webinar-video-list .item {
    float: left;
    width: 19.1%;
    height: 17em;
    margin: 0 .9% 0 0;
    border: none;
}

#webinar-video-list #item .thumb {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.09em;
    height: 6.227em;
}

#webinar-video-list #item .info {
    float: left;
    width: 100%;
}

#webinar-video-list #item #info .title {
    font-weight: 700;
    margin-bottom: 0.5em;
}

#webinar-video-list #item #info .description {
    font-size: .727em;
    margin-bottom: 1em;
    height: 2.5em;
}

.video-list .item .webinar-title {
    font-weight: 700;
    font-size: .80em;
    margin-bottom: 0.5em;
}
