/*
* temporary css, should be put in style.css 
* just used so not to overrite style.css on server - peter r. 141003       
*/
// ul.game-list, ul.video-list {
//     padding-left: 2%;
// }

// .content-list {
//     margin: 10px 5% 10px 5%;
// }

// .content-list a {
//     display: block; font-family: 'Ebrima'; color:white; width: 200px; height: 90px;
// }


.img-holder {
    position: relative;
}

.img-holder img {
    width: 200px; height: 90px;
} 

// .content-title {
//     font-size: 14px; position: absolute; padding-left: 10px; padding-right: 10px; width: 200px; top: 40%; text-align: center; transform: translateY(-50%);
// }
// .content-subject {
//     font-size: 11px; position: relative; top: -88px; left: 5px; z-index: 99;
// }

.content-title::first-letter{
    text-transform: capitalize
}

/** progress bar **/
.progress {
    height: 16px;
    margin-bottom: 13px;
}


/*** new stuff, refresh button, go back button, etc */
.back {
    float:left; padding-right: 1%;
}


.reload {
    float: left;
}

.grade-game {
    float:right;
}

/*** login page changes */
.login-logo {
    margin-bottom: 10px;
    margin-top: 10px;
}


.content-filter-hidden, .grade-filter-hidden {
   display: none !important; 
    visibility: hidden !important;
}

.content-filter-visible, .grade-filter-visible {
    display: normal !important;
    visibility: visible !important;
}