/* Styles for woocommerce purchased streaming products / playlists */

.WoocommercePurchased{
    padding-top: unset !important;
    padding-bottom: unset !important;
    background: #0d3b66;
}
.CourseTitle{
    background:#0d3b66;
}
.WoocommercePurchased .wrap{
    background:#005fa7; /*top bar color: #1676C4*/;
    padding: 25px 0px 50px 20px;
    width:95%;
    max-width:95%;
    display:flex;
    align-content:center;
    /* 	padding-bottom:50px !important; */
    align-items:center;
    flex-direction:column;
}
.WoocommercePurchased .titlebar {
    padding-bottom: 25px;
    text-align: left;
    align-self: flex-start;
}
.WoocommercePurchased .titlebar a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.WoocommercePurchased .woowrap{
    display:flex;
    justify-content:center;
    width:100%;
    margin: 0 auto;
    position: relative;
    /*new: default to full width in desktop too*/
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.WoocommercePurchased .woowrap > .video-wrap{
    flex-grow: 1;
    /*new: default to full width in desktop too*/
    width: 100%;
}
.WoocommercePurchased .woowrap > div[align=right]{
    display: none; /*hide worthless admin link*/
}
.WoocommercePurchased ul{
    margin-left:unset !important;
    width:30%;
}
.WooMyAcountDiv{
    margin-right:100px;
}
.WooMyAcountDiv a{
    font-size: 20px;
    color: #ffc700 !important;
    font-weight: 800;
}
.WoocommercePurchased #videoarea{
    width: 100%;
    max-width: 70% !important;
    height: 100%;
    padding-top:unset !important;
    margin: 0px;
    border:unset !important;
}
.WoocommercePurchased .video-js .vjs-tech{
    /*position:unset !important;*/
}
.woowrap #playlist{
    overflow-y: auto;
    display: block;
    min-height: 450px;
    /*height: 450px; ...allow greater height now	*/
}
.WoocommercePurchased #playlist li{
    list-style: decimal !important;
    display: list-item !important;
    margin-left: 3em !important;
    text-align:left !important;
    background-color:unset !important;
    margin-top:unset !important;
    margin-bottom:8px !important;
    padding-left:0px !important;
    padding-top:unset !important;
    padding-bottom: 5px !important;
    color: #fff !important;
    font-weight:700;
    border:unset !important;
}
.woowrap .cool-cast-player-player-container{
    background-color:#0d3b66 !important;
}
.CourseWrap{
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    width: 98%;
    padding-top:50px;
}
.CourseHeadline{
    display:flex;
    align-content:center;
    align-items:center;
    margin:0 auto;
    justify-content:flex-start;
}
.CourseHeadline h1{
    color:#ffc700 !important
}
.CourseAccount{
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:flex-end;
}

.WoocommercePurchased .woowrap p{
    color:#fff;
}
.WoocommercePurchased .woowrap p a{
    color: #ffc700 !important;
}


@media handheld, only screen and (max-width: 50em){
    .CourseHeadline h1{
        display:flex;
        text-align:center;
        flex-direction:column;
    }
    .woowrap{
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }
    .woowrap > .video-wrap {
        width: 100%;
    }
    .CourseHeadline, .CourseAccount{
        justify-content:center !important;
        min-width:100% !important;
    }
    .CourseHeadline h1{
        font-size:21px;
    }
    .CourseAccount{
        margin-top:15px;
    }
    .WooMyAcountDiv{
        margin-right:unset !important;
    }
    .woowrap #playlist{
        width:100% !important;
        align-content:center;
        flex-direction:column;
        align-items:center;
        display:flex !important;
        margin-top:15px;
        min-height:unset !important;
        height:unset !important;

    }
    .CourseWrap{
        flex-direction:column;
    }
}