@font-face {
    font-family: 'Lato-Light';
    src: url('../fonts/lato-light-webfont.eot?v=3.0.1');
    src: url('../fonts/lato-light-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/lato-light-webfont.woff?v=3.0.1') format('woff'), url('../fonts/lato-light-webfont.ttf?v=3.0.1') format('truetype'), url('../fonts/lato-light-webfont.svg?#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-black';
    src: url('../fonts/lato-black-webfont.eot?v=3.0.1');
    src: url('../fonts/lato-black-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/lato-black-webfont.woff?v=3.0.1') format('woff'), url('../fonts/lato-black-webfont.ttf?v=3.0.1') format('truetype'), url('../fonts/lato-black-webfont.svg?#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-bold';
    src: url('../fonts/lato-bold-webfont.eot?v=3.0.1');
    src: url('../fonts/lato-bold-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff?v=3.0.1') format('woff'), url('../fonts/lato-bold-webfont.ttf?v=3.0.1') format('truetype'), url('../fonts/lato-bold-webfont.svg?#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
}

.LessonContent,
.LessonContent p,
.LessonContent li {
    color: #000;
    font-size: 16px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

    .LessonContent blockquote {
        font-size: 16px;
    }

    .LessonContent blockquote {
        border-left: none;
    }

    .LessonContent strong {
        font-weight: bold;
        font-size: 17px;
        color: #040E96;
    }

    .LessonContent ul,
    .LessonContent ul li {
        list-style-type: disc;
    }

    .LessonContent ol,
    .LessonContent ol li {
        list-style-type: decimal;
    }

    .LessonContent img.left {
        float: left;
        padding-right: 8px;
        padding-bottom: 8px;
    }

    .LessonContent img.right {
        float: right;
        padding-left: 8px;
        padding-bottom: 8px;
    }

    .LessonContent img.center {
        display: block;
        text-align: center;
        padding: 8px;
        margin-left: auto;
        margin-right: auto;
    }

    .LessonContent h1,
    .LessonContent h2,
    .LessonContent h3,
    .LessonContent h4,
    .LessonContent h5,
    .LessonContent h6 {
        clear: both;
    }

    .LessonContent h1 {
        color: #0691cd;
        padding: 4px 8px;
        display: block;
        font-weight: bold;
        font-size: 23px;
        margin-top: 17px;
        margin-bottom: 17px;
        font-family: Lato-black !important;
        background: url(../images/final-road.jpeg) 0px bottom repeat-x;
        height: auto;
        padding-bottom: 43px;
        text-align: left;
    }

    .LessonContent h2 {
        text-decoration: underline;
        display: block;
        font-weight: bold;
        font-size: 19px;
        margin-top: 15px;
        margin-bottom: 15px;
        color: #000;
    }

    .LessonContent h3 {
        display: block;
        font-weight: bold;
        font-size: 17px;
        margin-top: 14px;
        margin-bottom: 14px;
        color: #000;
    }

    .LessonContent hr {
        clear: both;
    }

    .LessonContent img {
        max-width: 100%;
    }

    .LessonContent .video-embed {
        position: relative;
        max-width: 640px;
        margin: 0px auto;
    }

    .LessonContent .edge-container {
        position: relative;
        width: 100%;
        height: 0;
    }

        .LessonContent .edge-container iframe {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border: none;
        }


/* IPHONE */

@media (max-width: 480px) {

    .LessonContent iframe {
        width: 100%;
    }

    .LessonContent embed {
        width: 100%;
    }
}

/* New flash player */
.LessonContent .flash-container2 {
    background-color: #efefef;
    position: relative;
}

    .LessonContent .flash-container2 .playcontainer {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 50;
    }

    .LessonContent .flash-container2 .playbutton {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 100;
        background: url('/images/playbutton.svg') center center no-repeat;
        cursor: pointer;
    }