/* styles for elearning module contents */

header.elearningcategory
{
    padding: 8em 3em 6em 3em;
}
header.elearningcategory h2{
    text-align:center;
    color: #fff;
    text-shadow: 2px 2px #666666;
}

header.elearningcategory p{
    color:#000000;
    text-align:center;
    font-weight:normal;
     text-shadow: 1px 1px #ffffff;
    
}       
#gameboard{
height:100vh;
background-color:#333333;
background-size:cover;
background-position:center;
margin-top:1em;
margin-bottom:1em;
}
div.coursecoverimage
{
    overflow:hidden;
    height:0;
    padding-bottom:75%;
    margin-bottom:0.5em;
}
span.level{
    font-style:italic;
}
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;
}
h3.coursetitle{
    text-transform:none;
    font-size:2rem;
    height:3em;
    overflow-y:hidden;
}
.ui-progressbar .ui-progressbar-value {
    background-color:blue;
}
.reviewstatus.not_set{
    background-color:lightgray;
}
.reviewstatus.ready_for_review{
    background-color:gold;
}
.reviewstatus.under_construction{
    background-color:orangered;
}
.reviewstatus.review_completed{
    background-color:yellowgreen;
}
.forms h3,
#coursepagecontent h3{
    text-transform:none;
    font-size:1.2em;
}

.iframe-container {
  overflow: hidden;
  padding-top: 125%;
  position: relative;
}

.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}

#main-wrapper.gamewrapper{
	padding:0;
}
#main.game{
	width:100%
}
div.messagethread-item{
	
	border-bottom:1px solid #333333;
	
}
div.userblock > div{
	margin:5px;
	background-color:#0087cd;
	border-radius:5px;
	
	text-align:center;
}