/* styles for elearning module contents */

.coursetitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 1em;
    height: 70px;
}
@media (min-width:1225px) { 
    .coursetitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.9em;
    height: 45px;
    }
@media (min-width:1525px) { 
    .coursetitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.9em;
    height: 50px;
    }
}
header.elearningcategory
{
    padding: 6em 3em 5em 3em;
}
header.elearningcategory h2{
    text-align:center;
    color: #fff;
    text-shadow: 2px 2px #666666;
}




header.elearningcategory p{
    color:#000;
    background-color:#fff;
    padding:0.3em;
    font-weight:normal;
    text-align:center;
    
}
#gameboard{
height:50em;
background-image:url('/images/maze.jpg');
background-size:cover;
background-position:center;
margin-top:1em;
margin-bottom:1em;
}
div.coursecoverimage
{
    overflow:hidden;
    height:0;
    padding-bottom:75%;
}
img.optionimage{
    max-width:300px;
    border-radius:5px;
    border:1px solid;
    -webkit-box-shadow: 10px 10px 20px -5px rgba(102,102,102,1);
    -moz-box-shadow: 10px 10px 20px -5px rgba(102,102,102,1);
    box-shadow: 10px 10px 20px -5px rgba(102,102,102,1);
}
#coursepagecontent h2.form-title{
    display:none;
    
}
body.game header.elearningcategory{
    /* Hide functions header from the game page, at least for now */
    display:none;
}
#coursepagecontent #submitnewbutton
{
    display:none;
}