/*--- Tianshi ---*/

h1{
	font-size: 40px;
}

h2{
	font-size: 36px;
}

h3{
	font-size: 28px;
}

h4{
	font-size: 24px;
}

h5{
	font-size: 18px;
}

h6{
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 500;
}

legend, .mform legend a, .mform legend a:hover, {
    font-family: 'Helvetica', 'Roboto' ,"Fira Sans","Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", 'Arial,sans-serif' !important;
}

a:hover, a:focus {
    text-decoration: none;
}

img:focus {
    outline: 0;
}

a:focus, .dropdown-toggle:focus {
    outline: 0;
}

p:focus, p:active, p:hover; p:visited {
    outline: 0;
}
a:focus, a:active, a:hover; a:visited {
    outline: 0;
}

#course-category-listings .listing-pagination .yui3-button, .paging.paging-morelink a, #changenumsections .increase-sections, #changenumsections .reduce-sections, input.form-submit, input#id_submitbutton, input#id_submitbutton2, .path-admin .buttons input[type="submit"], td.submit input, #notice .singlebutton + .singlebutton input, #login.fixy input[type=submit], button#local-joulegrader-preview-button, button.atto_equation_submit, .yui-skin-sam .yui-button, .yui3-button, .yui-button button, .felement.ftext input + button, .header-button-group .btn, .btn.btn-primary, .btn.btn-default, .btn.btn-solid, .button-group > button, input.form-submit, input[type="button"], .moodle-dialogue-content button, button#restrictbygroup, button#livelogs-pause-button, #page-admin-tool-monitor-managerules a > button, input[type="submit"], button[type="submit"], input[type="reset"], .gradingform_checklist.editor .addgroup input, .gradingform_checklist.editor .additem input, .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addcriterion input, #page-site-index .section-modchooser-link .section-modchooser-text {
    margin: 0.5em;
}

#course-category-listings .listing-pagination .yui3-button:hover, .paging.paging-morelink a:hover, #changenumsections .increase-sections:hover, #changenumsections .reduce-sections:hover, input.form-submit:hover, input#id_submitbutton:hover, input#id_submitbutton2:hover, .path-admin .buttons input[type="submit"]:hover, td.submit input:hover, #notice .singlebutton + .singlebutton input:hover, #login.fixy input[type=submit]:hover, button#local-joulegrader-preview-button:hover, button.atto_equation_submit:hover, .yui-skin-sam .yui-button:hover, .yui3-button:hover, .yui-button button:hover, .felement.ftext input + button:hover, .header-button-group .btn:hover, .btn.btn-primary:hover, .btn.btn-default:hover, .btn.btn-solid:hover, .button-group > button:hover, input.form-submit:hover, input[type="button"]:hover, .moodle-dialogue-content button:hover, button#restrictbygroup:hover, button#livelogs-pause-button:hover, #page-admin-tool-monitor-managerules a > button:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="reset"]:hover, .gradingform_checklist.editor .addgroup input:hover, .gradingform_checklist.editor .additem input:hover, .gradingform_rubric.editor .addlevel input:hover, .gradingform_rubric.editor .addcriterion input:hover, #page-site-index .section-modchooser-link .section-modchooser-text:hover, #course-category-listings .listing-pagination .yui3-button:focus, .paging.paging-morelink a:focus, #changenumsections .increase-sections:focus, #changenumsections .reduce-sections:focus, input.form-submit:focus, input#id_submitbutton:focus, input#id_submitbutton2:focus, .path-admin .buttons input[type="submit"]:focus, td.submit input:focus, #notice .singlebutton + .singlebutton input:focus, #login.fixy input[type=submit]:focus, button#local-joulegrader-preview-button:focus, button.atto_equation_submit:focus, .yui-skin-sam .yui-button:focus, .yui3-button:focus, .yui-button button:focus, .felement.ftext input + button:focus, .header-button-group .btn:focus, .btn.btn-primary:focus, .btn.btn-default:focus, .btn.btn-solid:focus, .button-group > button:focus, input.form-submit:focus, input[type="button"]:focus, .moodle-dialogue-content button:focus, button#restrictbygroup:focus, button#livelogs-pause-button:focus, #page-admin-tool-monitor-managerules a > button:focus, input[type="submit"]:focus, button[type="submit"]:focus, input[type="reset"]:focus, .gradingform_checklist.editor .addgroup input:focus, .gradingform_checklist.editor .additem input:focus, .gradingform_rubric.editor .addlevel input:focus, .gradingform_rubric.editor .addcriterion input:focus, #page-site-index .section-modchooser-link .section-modchooser-text:focus, #course-category-listings .listing-pagination .yui3-button:active, .paging.paging-morelink a:active, #changenumsections .increase-sections:active, #changenumsections .reduce-sections:active, input.form-submit:active, input#id_submitbutton:active, input#id_submitbutton2:active, .path-admin .buttons input[type="submit"]:active, td.submit input:active, #notice .singlebutton + .singlebutton input:active, #login.fixy input[type=submit]:active, button#local-joulegrader-preview-button:active, button.atto_equation_submit:active, .yui-skin-sam .yui-button:active, .yui3-button:active, .yui-button button:active, .felement.ftext input + button:active, .header-button-group .btn:active, .btn.btn-primary:active, .btn.btn-default:active, .btn.btn-solid:active, .button-group > button:active, input.form-submit:active, input[type="button"]:active, .moodle-dialogue-content button:active, button#restrictbygroup:active, button#livelogs-pause-button:active, #page-admin-tool-monitor-managerules a > button:active, input[type="submit"]:active, button[type="submit"]:active, input[type="reset"]:active, .gradingform_checklist.editor .addgroup input:active, .gradingform_checklist.editor .additem input:active, .gradingform_rubric.editor .addlevel input:active, .gradingform_rubric.editor .addcriterion input:active, #page-site-index .section-modchooser-link .section-modchooser-text:active, #course-category-listings .listing-pagination .yui3-button.active, .paging.paging-morelink a.active, #changenumsections .increase-sections.active, #changenumsections .reduce-sections.active, input.form-submit.active, input#id_submitbutton.active, input#id_submitbutton2.active, .path-admin .buttons input[type="submit"].active, td.submit input.active, #notice .singlebutton + .singlebutton input.active, #login.fixy input[type=submit].active, button#local-joulegrader-preview-button.active, button.atto_equation_submit.active, .yui-skin-sam .yui-button.active, .yui3-button.active, .yui-button button.active, .felement.ftext input + button.active, .header-button-group .btn.active, .btn.btn-primary.active, .btn.btn-default.active, .btn.btn-solid.active, .button-group > button.active, input.form-submit.active, input[type="button"].active, .moodle-dialogue-content button.active, button#restrictbygroup.active, button#livelogs-pause-button.active, #page-admin-tool-monitor-managerules a > button.active, input[type="submit"].active, button[type="submit"].active, input[type="reset"].active, .gradingform_checklist.editor .addgroup input.active, .gradingform_checklist.editor .additem input.active, .gradingform_rubric.editor .addlevel input.active, .gradingform_rubric.editor .addcriterion input.active, #page-site-index .section-modchooser-link .section-modchooser-text.active {
    margin: 0.5em;
}

#course-category-listings .listing-pagination .yui3-button:visited, .paging.paging-morelink a:visited, #changenumsections .increase-sections:visited, #changenumsections .reduce-sections:visited, input.form-submit:visited, input#id_submitbutton:visited, input#id_submitbutton2:visited, .path-admin .buttons input[type="submit"]:visited, td.submit input:visited, #notice .singlebutton + .singlebutton input:visited, #login.fixy input[type=submit]:visited, button#local-joulegrader-preview-button:visited, button.atto_equation_submit:visited, .yui-skin-sam .yui-button:visited, .yui3-button:visited, .yui-button button:visited, .felement.ftext input + button:visited, .header-button-group .btn:visited, .btn.btn-primary:visited, .btn.btn-default:visited, .btn.btn-solid:visited, .button-group > button:visited, input.form-submit:visited, input[type="button"]:visited, .moodle-dialogue-content button:visited, button#restrictbygroup:visited, button#livelogs-pause-button:visited, #page-admin-tool-monitor-managerules a > button:visited, input[type="submit"]:visited, button[type="submit"]:visited, input[type="reset"]:visited, .gradingform_checklist.editor .addgroup input:visited, .gradingform_checklist.editor .additem input:visited, .gradingform_rubric.editor .addlevel input:visited, .gradingform_rubric.editor .addcriterion input:visited, #page-site-index .section-modchooser-link .section-modchooser-text:visited{
    margin: 0.5em;
}

input[name="searchwikicontent"]+input[type="submit"], select+input[type="submit"], input[type="text"]+input[type="button"], input[type="password"]+input[type="submit"], input[type="text"]+button, input[type="text"]+input[type="submit"] {
    margin: 0.5em;
}

.breadcrumb-nav .breadcrumb {
    margin: 1em 0;
}

#site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, #frontpage-category-combo h2 {
    font-weight: 400;
    font-size: 250%;
}



/*--- Header ---*/

#snap-home.logo {
    min-width: 70px;
}

/*--- Descripcion  ---*/

#page-site-index .sitetopic{
	max-width: 100%;
	padding: 4%;
    text-align: center;
    margin: 0 auto;
    margin-top: 0;
}

/*--- Lista de cursos ---*/

div#frontpage-course-list {
    padding-bottom: 2em;
}

#frontpage-course-list h2 {
    margin: 0;
    margin-bottom: 0.5em;
}

.frontpage-course-list-all, .frontpage-course-list-enrolled {
	text-align: center;
	margin: 0 2% 0 2%;
}

#frontpage-course-list, .frontpage-course-list-enrolled {
    padding: 10px 0;
}


.frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox, .frontpage-course-list-enrolled .coursebox {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 1em;
    background-color: white;
}

#page-site-index .coursebox .courseimage {
    padding: 0;
    max-width: 100%;
    overflow: hidden;   
}

#page-site-index .coursebox .courseimage img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 140%;
    height: 350px;

}
#page-site-index .coursebox .courseimage img:hover {
    padding: 0;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#page-site-index .coursebox .info {
    width: 100%;
    text-align: center;
    background-color: white;
    padding: 1em 1.6em;
}

#page-site-index .coursebox .info h3.coursename a, #page-site-index .coursebox .info h3.coursename a:visited{
	color: #df040c;
}

#page-site-index .coursebox .info h3.coursename a:hover {
	color: #b70309;
}

.info .enrolmenticons {
	display: none;
}

.coursebox .content .teachers {
    display: none;
}

.frontpage-course-list-all .coursebox .content .summary, .frontpage-course-list-enrolled .coursebox .content .summary {
    font-size: 80%;
    text-align: center;
    width: 100%;
    padding: 1em 2em;
}

#page-site-index .coursebox .info h3.coursename {
	display: block;
    font-size: 150%;
    line-height: 22px;
    margin-top: 1em;
    margin-bottom: 0px;
    padding: 0;
}

#page-site-index .paging.paging-morelink a {
    text-align: center;
    padding: 0.5em 0.8em;
    border: 1px solid;
    margin-bottom: 1.5em;
}

div#frontpage-course-list {
    padding-bottom: 2em;
    background-color: #edeeee;
}

/*--- Lista de noticias ---*/

#page-site-index #site-news-forum {
	background-color: white;
}

#page-site-index .news-article-content h3 {
    font-size: 200%;
}

#page-site-index .news-article-inner {
	background-color: white;
	border:1px solid #edeeee;
}



/*--- Lista de cursos internos ---*/

#page-course-index-category .course_category_tree .content .courseimage img {
    max-width: 110%;
    min-height: 160px;
    height: 350px;
}

#page-course-index .content .coursebox.clearfix.even, #page-course-index .content .coursebox.clearfix.odd, #page-course-index-category .content .coursebox.clearfix.even, #page-course-index-category .content .coursebox.clearfix.odd{
    vertical-align: top;
    display: inline-block;
    width: 48%;
    border-bottom: 0;
}

#page-course-index .content .coursebox.clearfix.even .info, #page-course-index .content .coursebox.clearfix.odd .info, #page-course-index-category .content .coursebox.clearfix.even .info, #page-course-index-category .content .coursebox.clearfix.odd .info {
    float: left;
    width: 100%;
}

#page-course-index .content .coursebox.clearfix.even .info h3.coursename, #page-course-index .content .coursebox.clearfix.odd .info h3.coursename, #page-course-index-category .content .coursebox.clearfix.even .info h3, #page-course-index-category .content .coursebox.clearfix.odd .info h3 {
	margin: 3% 0;
	font-size: 110%;
}

#page-course-index .content .coursebox.clearfix.even .content, #page-course-index .content .coursebox.clearfix.odd .content, #page-course-index-category .content .coursebox.clearfix.even .content, #page-course-index-category .content .coursebox.clearfix.odd .content {
    float: left;
    width: 100%;
}

#page-course-index .content .coursebox.clearfix.even .content .summary, #page-course-index .content .coursebox.clearfix.odd .content .summary, #page-course-index-category .content .coursebox.clearfix.even .content .summary, #page-course-index-category .content .coursebox.clearfix.odd .content .summary {
    float: left;
    width: 100%;
}

#page-course-index .content .coursebox.clearfix.even.collapsed , #page-course-index .content .coursebox.clearfix.odd.collapsed {
    width: 100%;
}

/*--- CURSO ---*/

#page-course-view-topics #moodle-page div#page-mast, #page-mod-hsuforum-view #moodle-page div#page-mast, #page-course-view-weeks #moodle-page div#page-mast, #page-course-view-social #moodle-page div#page-mast, #page-course-view-folderview #moodle-page div#page-mast{
    margin-top: 7em;
}

#page-course-view-topics #moodle-page div#page-mast h1, #page-mod-hsuforum-view #moodle-page div#page-mast h1, #page-course-view-weeks #moodle-page div#page-mast h1, #page-course-view-social #moodle-page div#page-mast h1, #page-course-view-folderview #moodle-page div#page-mast h1{
    font-size: 250%;
}

#page-course-view-topics .mast-image #course-toc, #page-mod-hsuforum-view .mast-image #course-toc, #page-course-view-weeks .mast-image #course-toc, #page-course-view-social .mast-image #course-toc, #page-course-view-folderview .mast-image #course-toc{
    margin-top: 2.6vh;
}


/*--- Footer ---*/

#mrooms-footer.helplink.text-right {
	display: none;
}

/*--- MEDIA ---*/

@media (max-width: 1600px) {
#mr-nav {
	min-height: 60px;
}
#mr-nav.headroom--pinned {
    min-height: 60px;
}

#page-site-index #page-header {
    min-height: 72vh;
}
}

@media (max-width: 1300px) {

#mr-nav {
	min-height: 60px;
}
#mr-nav.headroom--pinned {
    min-height: 60px;
}
#page-site-index .coursebox .courseimage img {
    max-width: 130%;
    height: 250px;
}

#page-site-index div.sitetopic .contentwithoutlink .no-overflow {
    padding: 3em 4em;
}

.frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox, .frontpage-course-list-enrolled .coursebox {
	width: 29%;
	display: inline-block;
    vertical-align: top;
}


}



@media (max-width: 1000px) {
#mr-nav {
	min-height: 60px;
}
#mr-nav.headroom--pinned {
    min-height: 60px;
}
#page-site-index .coursebox .courseimage img {
    max-width: 120%;
    height: 200px;
}
.frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox, .frontpage-course-list-enrolled .coursebox  {
	width: 45%;
	display: inline-block;
    vertical-align: top;
}
#page-site-index .coursebox .courseimage img {
    max-width: 120%;
    height: 300px;
}
#page-site-index .coursebox .info {
	font-size: 110%;
}
#page-site-index .coursebox .content {
    font-size: 110%;
}
#page-site-index div.sitetopic .contentwithoutlink .no-overflow {
    padding: 2em 4em;
}

}

@media (max-width: 780px) {
#page-site-index #page-header {
    min-height: 300px;
}
#mr-nav {
	min-height: 60px;
}
#mr-nav.headroom--pinned {
    min-height: 60px;
}

.frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox, .frontpage-course-list-enrolled .coursebox  {
	width: 95%;
	display: inline-block;
    vertical-align: top;
}

#page-site-index .coursebox .courseimage img {
    max-width: 120%;
    height:450px;
}

#page-site-index .coursebox .info {
	font-size: 110%;
}
#page-site-index .coursebox .content {
    font-size: 110%;
}
#page-site-index div.sitetopic .contentwithoutlink .no-overflow {
    padding: 1em 4em;
}


}

@media (max-width: 680px) {

#page-site-index #page-header {
    min-height: 180px;
}

.frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox, .frontpage-course-list-enrolled .coursebox {
	width: 95%;
	display: inline-block;
    vertical-align: top;
}
.section li.snap-asset .asset-wrapper .activityinstance {
    padding-top: 0;
    margin: 0 2em;
}

#page-course-index .content .coursebox.clearfix.even, #page-course-index .content .coursebox.clearfix.odd, #page-course-index-category .content .coursebox.clearfix.even, #page-course-index-category .content .coursebox.clearfix.odd, {
    vertical-align: top;
    display: inline-block;
    width: 95%;
    border-bottom: 0;
}
#page-site-index .coursebox .courseimage img {
    max-width: 130%;
    height: 400px;
}

#page-course-index .content .coursebox.clearfix.even, #page-course-index .content .coursebox.clearfix.odd, #page-course-index-category .content .coursebox.clearfix.even, #page-course-index-category .content .coursebox.clearfix.odd{
    vertical-align: top;
    display: inline-block;
    width: 95%;
    border-bottom: 0;
}
#page-site-index div.sitetopic .contentwithoutlink .no-overflow {
    padding: 1em 2em;
    font-size: 30px;
}
.categoria1, .categoria2 , .categoria3{
	width: 95%;
}
}

@media (max-width: 500px) {

#page-site-index #page-header {
    min-height: 180px;
}
.frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox, .frontpage-course-list-enrolled .coursebox {
	width: 95%;
	display: inline-block;
    vertical-align: top;
}
.section li.snap-asset .asset-wrapper .activityinstance {
    padding-top: 0;
    margin: 0 2em;
}

#page-course-index .content .coursebox.clearfix.even, #page-course-index .content .coursebox.clearfix.odd, #page-course-index-category .content .coursebox.clearfix.even, #page-course-index-category .content .coursebox.clearfix.odd, {
    vertical-align: top;
    display: inline-block;
    width: 95%;
    border-bottom: 0;
}
#page-site-index .coursebox .courseimage img {
    max-width: 120%;
    height: 240px;
}

#page-site-index div.sitetopic .contentwithoutlink .no-overflow {
    padding: 1em 1em;
    font-size: 24px;
}
}









/*--- Ajustes Laura Martin Actualización DIC 2017 ---*/


:focus, :active, :hover, :visited, a:focus, a:hover, a:active, a:visited, .dropdown-toggle:focus, .btn.btn-primary:active, .btn.btn-primary:focus {
    outline: 0;
    box-shadow: none;
}

#page-site-index div.box.mdl-align.p-y-1 {
    width: 94%;
    margin: 0 auto;
}



/*--- Lista de noticias ---*/

#page-site-index .news-article-content h3 {
    font-size: 200%;
    margin-top: 1em;
}

#page-site-index a.btn.btn-default.toggle {
    border: 1px solid white;
    float: left;
    margin: 1em 0;
    color: white;
}

#page-site-index .news-article-preview {
    padding-bottom: 4em;
}


/*--- Footer ---*/

div#mrooms-footer {
    display: none;
}

div#snap-socialmedia-links {
    text-align: center;
}


/*--- Lista de cursos internos ---*/


#page-course-index .content .coursebox.clearfix.even, #page-course-index .content .coursebox.clearfix.odd, #page-course-index-category .content .coursebox.clearfix.even, #page-course-index-category .content .coursebox.clearfix.odd {
    vertical-align: top;
    display: inline-block;
    width: 46%;
    border-bottom: 0;
    margin: 1em;
    overflow: hidden;
}

#page-course-index .content .coursebox.clearfix.even .info, #page-course-index .content .coursebox.clearfix.odd .info, #page-course-index-category .content .coursebox.clearfix.even .info, #page-course-index-category .content .coursebox.clearfix.odd .info {
    float: left;
    width: 100%;
    padding: 1em 0;
}

#page-course-index .content .coursebox.clearfix.even .info h3.coursename, #page-course-index .content .coursebox.clearfix.odd .info h3.coursename, #page-course-index-category .content .coursebox.clearfix.even .info h3, #page-course-index-category .content .coursebox.clearfix.odd .info h3 {
  margin: 1em 0;
  font-size: 150%;
}

#page-course-index .content .coursebox.clearfix.even .content, #page-course-index .content .coursebox.clearfix.odd .content, #page-course-index-category .content .coursebox.clearfix.even .content, #page-course-index-category .content .coursebox.clearfix.odd .content {
    float: left;
    width: 100%;
}

#page-course-index .content .coursebox.clearfix.even .content .summary, #page-course-index .content .coursebox.clearfix.odd .content .summary, #page-course-index-category .content .coursebox.clearfix.even .content .summary, #page-course-index-category .content .coursebox.clearfix.odd .content .summary {
    float: left;
    width: 100%;
}

#page-course-index .content .coursebox.clearfix.even .courseimage, #page-course-index .content .coursebox.clearfix.odd .courseimage, #page-course-index-category .content .coursebox.clearfix.even .courseimage, #page-course-index-category .content .coursebox.clearfix.odd .courseimage{
    max-width: 200%;
    height: auto;
    min-height: 320px;
    overflow: hidden;
}


#page-course-index .content .coursebox.clearfix.even.collapsed , #page-course-index .content .coursebox.clearfix.odd.collapsed {
    width: 100%;
}




@media (max-width: 780px) {

#page-course-index .content .coursebox.clearfix.even, #page-course-index .content .coursebox.clearfix.odd, #page-course-index-category .content .coursebox.clearfix.even, #page-course-index-category .content .coursebox.clearfix.odd {
    vertical-align: top;
    display: inline-block;
    width: 95%;
    border-bottom: 0;
    margin: 1em;
    overflow: hidden;
}
}