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


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

.grid-campi {
	display: grid;
	display: -ms-grid;
	grid-template-areas: "foto foto     foto"
						 "menu conteudo menu2";
	grid-gap: 3em;
	-ms-grid-row: 210px 3em auto;
	-ms-grid-columns: 13em 3em 1fr 3em 17.5em;
	grid-template-columns: 13em 1fr 17.5em;
}

.conteudo {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: conteudo;
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto 0.5em auto 0.5em auto 0.5em auto;
	    grid-template-areas: "noticia       noticia"
				   		 "acesso-rapido acesso-rapido"
						 "grade-1       grade-2"
						 "grade-3       grade-4";
	grid-gap: 0.5em;
	-ms-grid-columns: 1fr 0.5em 1fr;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 990px) {
	.grid-campi {
		-ms-grid-rows: auto 1em auto;
		    grid-template-areas: "foto"
		                     "conteudo";
		grid-gap: 1em;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.conteudo {
		-ms-grid-rows: auto 0.5em auto 0.5em auto 0.5em auto 0.5em auto 0.5em auto;
		    grid-template-areas: "noticia"
							 "acesso-rapido"
							 "grade-1"
							 "grade-2"
							 "grade-3"
							 "grade-4";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.conteudo {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
}


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

.noticias {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-area: noticia;
	overflow: hidden;
}

@media (max-width: 990px) {

	.noticias {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
}

.menu-campus {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
	grid-area: menu2;
}

@media (max-width: 990px) {
	.imagem-fachada {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
}

.avisos {
	grid-area: avisos;
}

.setores {
	grid-area: setores;
	min-height: 10em;
}
\
.eventos {
	grid-area: eventos;
}
.agenda-diretor {
	grid-area: agenda-diretor;
}

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

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

/**
 * Menu campus
 * -----------
 */
@media (max-width: 990px) {
	.menu-campus {
    	display: none;
	}
}

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

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

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

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

.menu-campus > 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: 14px;

  text-transform: uppercase;
}

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


/**
 * Avisos
 * ------
 */

.titulo-aviso {
	display: inline;
	margin: 0;
	color: black;
}
.avisos span {
	font-size: 16px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.section-acesso-rapido{
		-ms-grid-row: 3 !important;
		-ms-grid-column: 1 !important;
		-ms-grid-column-span: 3 !important;
	}

	.widget-grade-1{
		-ms-grid-column: 1 !important;
		-ms-grid-row: 5 !important;
		
	}

	.widget-grade-2{
		-ms-grid-column: 1 !important;
		-ms-grid-row: 7 !important;

	}

	.widget-grade-3{
		-ms-grid-column: 3 !important;
		-ms-grid-row: 5 !important;
	}
	
	.widget-grade-4{
		-ms-grid-column: 3 !important;
		-ms-grid-row: 7 !important;

	}
}