/*
Theme Name: IFC Cursos
Version: 1.0
Description: Tema destinado para os sites dos cursos (bsi.araquari.ifc.edu.br, etc.)
Author: Fábrica de Software
Author URI: fabricadesoftware.ifc.edu.br
*/


/**
 * Grid
 * ----
 */

.grid-cursos {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto 3.75em auto 3.75em auto 3.75em auto 3.75em auto;
	    grid-template-areas:  "foto foto          foto"
						  "menu apresentacao  menu-curso"
						  "menu info-gerais   menu-curso"
						  "menu noticia       menu-curso"
						  "menu posttypes     menu-curso";
	-ms-grid-columns: 13em 3.75em 1fr 3.75em 17.5em;
	grid-template-columns: 13em 1fr 17.5em;
	grid-gap: 3.75em;
	grid-row-gap: 1em;
}

.post-types {
	-ms-grid-row: 9;
	-ms-grid-column: 3;
	grid-area: posttypes;
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto 0.5em auto;
	    grid-template-areas: "grade-1 grade-2"
						 "grade-3 grade-4";
	-ms-grid-columns: 1fr 0.5em 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0.5em;
}

@media (max-width: 990px){
	.grid-cursos {
		-ms-grid-rows: auto 0.5em auto 0.5em auto 0.5em auto 0.5em auto;
		    grid-template-areas: "apresentacao"
							 "info-gerais"
							 "noticia"
							 "avisos"
							 "posttypes";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-gap: 0.5em;
	}
	.post-types {
		-ms-grid-row: 9;
		-ms-grid-column: 3;
		grid-area: posttypes;
		-ms-grid-rows: auto 0.5em auto 0.5em auto 0.5em auto;
		    grid-template-areas : "grade-1"
		                      "grade-2"
		                      "grade-3"
		                      "grade-4";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.imagem-fachada {
		display: none;
	}

	.menu-curso {
		display: none;
	}
	.post-types {
		-ms-grid-row: 9;
		-ms-grid-column: 1;
	}
}

.noticias {
	-ms-grid-row: 7;
	-ms-grid-column: 3;
	grid-area: noticia;
}

.imagem-fachada {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
	grid-area: foto;
}

.apresentacao {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: apresentacao;
}
.info-gerais {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
	grid-area: info-gerais;
}

.avisos {
	grid-area: avisos;
}
.eventos {
	grid-area: eventos;
}

.menu-curso {
	-ms-grid-row: 3;
	-ms-grid-row-span: 7;
	-ms-grid-column: 5;
	grid-area: menu-curso;
}

@media (max-width: 990px) {
	.post-types {
		-ms-grid-row: 9;
		-ms-grid-column: 1;
	}
	.noticias {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.apresentacao {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.info-gerais {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.avisos {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
}


/**
 * Imagem fachada (banner)
 * -----------------------
 */

.imagem-fachada div {
	height: 210px;
	margin-bottom: 2em;
	background-size: cover;
	background-repeat: no-repeat;
}


/**
 * Texto de apresentação e informações gerais
 * ------------------------------------------
 */

.apresentacao p, .info-gerais p {
	padding: 0.5em 0;
}


/**
 * Menu curso
 * ----------
 */

.menu-curso ul {
	list-style: none;
	padding: 0;
}

.menu-curso ul ul li {
	border-bottom: 0.1em solid #dfdfdf;
	margin-bottom: 0.5em;
	margin-top: 0.25em;
}

.menu-curso  ul ul li:last-child {
	border-bottom: 0;
}

.menu-curso ul ul ul {
	padding-left: 1em;
}

.menu-curso > div > ul > li > a {
  display: block;

  padding: 0.5em 1em;
  border-top: 0.25em #549b8e solid;
  background: #e8f3f7;
  color: #549b8e;
  font-weight: bold;
  font-size: 15px;

  text-transform: uppercase;
}

.menu-curso > div > ul > li:not(:first-child) {
  margin-top: 1em;
}