/*
Theme Name: Unifei 2016
Theme URI: https://unifei.edu.br
Description: Template do site da Unifei em 2017
Author: DSI - Diretoria de Suporte a Informática
Author URI: https://unifei.edu.br/dsi
Version: 1.0
Tags: unifei, universidade, portal, azul, branco
Template: twentytwelve
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* === NORMALIZE ======================================================= */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], .bypostauthor cite span, .entry-content table {
	font-size: 1.30rem;
}


.entry-content table th,
.entry-content table thead td {
	font-weight: bold;
}

.entry-content table tr:nth-child(even) {
	background-color: #f2f2f2
}

.entry-content table tr > * {
	padding: 1em;
}

.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul {
	line-height: 2.5em;
}

.entry-content li, .comment-content li, .mu_register li {
	margin-bottom: 1em;
}

.widget-title {
	text-transform: none;
}

/* === GERAL =========================================================== */

* {
	font-family: Helvetica, Arial, sans-serif;
}

h1, h1 *, h2, h2 *, 
a, a:nth-child(3), 
a *, a:nth-child(3) *,
a:hover
 {
	color: #103a84;
}

main.body a:visited, main.body a:visited * {
	color: #103a84;
}

/* ---------------------------------------- */
h1 { font-size: 4.0em; }
h2, .entry-content h2 { font-size: 1.8em; }
h3 { font-size: 1.4em !important; font-weight: bold; }
h4 { font-size: 1.2em !important; font-weight: bold; }
h5 { font-size: 1.0em !important; font-weight: bold; }
h5 { font-size: 1.0em !important; }

hr {
	border: #ddd solid 0.01em;
	border-width: 0 0 0.01em;
}


big {
	font-size: 115%;
}

small {
	font-size: 80%;
}

.branco-no-azul {
	background: #103A84;
}

.branco-no-azul, 
.branco-no-azul *, 
.branco-no-azul a, 
.branco-no-azul a:nth-child(3)
.branco-no-azul a *,
.branco-no-azul a:nth-child(3) * {
	color: #fff;
}

.preto-no-cinza {
	background: #eee;
}

.borda-cinza {
	border: #ccc solid 0.01em;
}

.borda-azul {
	border: #032c69 solid 0.01em;
}

.margin-bottom {
	margin-bottom: 1.5em;
}

.bold {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

.hidden {
	dipalay: none;
}

.fa {
	margin-right: 0.5em;
}

/* === ACESSIBILIDADE ================================================== */

.acessibilidade #accessibility-bigfont,
.acessibilidade #accessibility-highcontrast {
	cursor: pointer;
	font-size:1.5em !important;
}


.acessibilidade {
	border-width: 0 0 0.01em 0;
}

.acessibilidade ul li {
	border: none;
	padding: 0.2em;
}

.acessibilidade .acessibilidade-links > * {
	float: right;
	margin: 0 0.5em;
}

.acessibilidade .list-group,
.acessibilidade .top-idiomas ul {
	margin: 0;
}

.acesso-informacao ul li,
.acessibilidade .top-idiomas ul li, 
.acessibilidade .top-acessibilidade ul li {
	display: inline;
}

.acesso-informacao ul li a, 
.acessibilidade .top-idiomas ul li a,
.acessibilidade .top-acessibilidade ul li a {
	display: block;
	float: left;
	padding: 0.4em 0.5em;
}

.acessibilidade .a11y-toolbar-widget .offscreen {
	display: none;	
}


.acesso-informacao ul li a {
	padding: 0.4em 1.3em;
}

.acessibilidade .top-idiomas a,
.acessibilidade .top-idiomas ul li a {
	float: left;
}

.acessibilidade .top-idiomas ul li a {
	display: block;
	padding: 0.4em 1em;
}

.acesso-informacao ul li a img {
	height: 1.3em;
}

.acessibilidade .letter-control  {
	font-size: 1.2em;
	font-weight: bold;
}

.acessibilidade .contrast li a {
	font-size: 0.7em;
	border: #000 solid 0.1em;
	padding: 0 0.2em;
}

.acessibilidade .contrast li:last-child a {
	color: #fff;
	background: #000;
}

.acessibilidade .contrast li:first-child a {
	color: #000;
	background: #fff;
}

@media(max-width: 320px) {
	.acessibilidade .acessibilidade-links > * {
		text-align: center;
		width: 100%;
	}

	.acessibilidade .acessibilidade-links .top-idiomas ul li {
		display: block;
		width: 33%;
		text-align: center;
		float: right;
	}
	
	.acessibilidade .acessibilidade-links .top-idiomas ul li a {
		float: none;
	}
}

/* === CABECALHO =================================================*/

@font-face {
     font-family: 'Exo 2';
     src: url('fonts/exo_2/Exo2-Regular.otf');
}

h1, h2, h1 *, h2 * {
	font-family: 'Exo 2', Helvetica, Arial, Impact, sans-serif;
	font-weight: bold;
}


h1.site-title, h1.site-title > * {
	font-weight: bold;
	font-size: 2em;
	line-height: 0.6em;
	margin-top: 0.5em;
	display: block;
	vertical-align: middle;
	text-transform: uppercase;
}

header h2.site-description {
	margin-top: 0.4em;
	font-size: 1.6em;
}

header img.header-image {
	box-shadow: none;
	max-width: 8em;
	margin-right: 1.5em;
	position: relative;
	margin-top: 0.5em;
}

header img.header-image ,
header hgroup {
	float: left;
	width: 80%;
}

header hgroup {
    display: block;
    margin-top: 1em;
    vertical-align: middle;
}

@media(max-width: 1200px) {
	header hgroup { 
		margin-bottom: 1em; 
	}
}

@media(max-width: 768px) {
	header img.header-image ,
	header hgroup {
		width: 100%;
	}
}

@media (min-width: 767px) {
	header hgroup,
	header hgroup > * /*.site-title*/ {
		display: table-cell;
	}
	
	header hgroup h1 {
		margin-top: 0.05em;
	}
}

header .icons-perfis-acesso ul li {
	border: none;
	text-align: center;
	display: block;
	float: left;
	width: 25%;
}

header .icons-perfis-acesso ul li  img {
	padding: 0.2em;
	margin: 1em 0.3em;
	max-height: 2.5em;
}

header .icons-perfis-acesso ul li  span {
	position: absolute;
	z-index: 3;
	display: none;
	padding: 1em;
	margin: -0.5em auto auto -2em;
	
	font-weight: bold;
	background: #fff;
	border: #ccc solid 0.2em;
	border-radius: 0.5em;
	box-shadow: 0em 0.5em 0.5em #333;
}

header .icons-perfis-acesso ul li:hover span {
	display: block;
}


header .search .input-group {
	display: block;
}

header .search form label {
	display: none;
}

header .search form input {
	margin: 0;
}

header .search form input[type="submit"] {
	font-size: 1em;
}

header .search form input[type="text"] {
	width: 78%;
}

header .search form input[type="submit"] {
	width: 35%;
}


@media(max-width: 700px) {
	header .search form {
		text-align: center;
	}
	
	header .search form input[type="text"] {
		width: 70%;
	}
	
	header .search form input[type="submit"] {
		width: 20%;
	}
}

@media(max-width: 769px) {
	body header:first-of-type * {
		float: none;
		text-align: center;
	}
}

/* === NAV BAR (MENU HORIZONTAL) ==========================================*/

div.navbar-default {
	margin-bottom: 0;
	border-radius: 0;
	border-width: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

div.navbar-default {
	margin: 0.5em auto 0;
	min-height: 3.7em;
}

div.navbar-default ul {
	overflow: hidden;
	margin: 0;
}



div.navbar-default ul > li {
	display: inline;
	padding: 0;
}

div.navbar-default ul li a {
	float: left;
	padding: 1.2em 0.9em 1em;
}

@media(min-width: 1014px /* 990px */) {
	
	div.navbar-default div[class^="col-"] {
		position: absolute;
		width: auto;
	}

	div.navbar-default {
		position: relative;
	}
	
	
	/* ---  SUB MENUS HORIZONTAIS ---------- */
	div.navbar-default  ul > li > ul {
		display: none;
		border: #027 solid 0.01em;
		max-width: 83.5em;
		margin: 3.5em 0 0;
		left: 0;
		background: #103A84;
		float: left;
		font-weight: normal;
	}
	
	div.navbar-default * {
		z-index: 999;
		text-transform: none;
	}
	
	div.navbar-default  ul.menu > li > ul {
		position: absolute;
		width: 100%;
	}
	
	
	div.navbar-default  ul.menu > li:hover > ul,
	div.navbar-default  ul.menu > li:hover > ul > li > ul {
		display: block;		
	}
	
	
	
	div.navbar-default  ul.menu > li > ul > li,
	div.navbar-default  ul.menu > li > ul > li * {
		float: left;
		margin: 0 0.5em;
		clear: left;
	}
	
	div.navbar-default ul.menu > li > ul > li.menu-item-has-children > a {
		border-bottom: #fff solid 0.01em;
		width: 100%;
	}
	
	div.navbar-default  ul.menu > li > ul > li {
		clear: none;
		width: 23%;
	}
	
	div.navbar-default  ul.menu > li > ul > li > ul {
		padding: 1em 0;
		border: none;
	}
	
	div.navbar-default  ul.menu > li > ul > li > ul > li > a {
		padding: 0.2em 0;
	}
}	

.menu-horizontal-fixed-top {
	position: fixed !important;
	top: 0;
	margin-top: 0 !important;
	width: 100%;
	z-index: 99999;
}

.menu-horizontal-fixed-top > * {
	margin-top: 0 !important;
}

/* ---  Menu Mobile --- */

.menu-toggle {
	position: absolute;
	margin: 0.5em;
}

.menu-toggle * {
	color: #103A84;
}

@media(max-width: 1020px) {
	div.navbar-default ul li ul {
		display: none;
	}
}

@media(min-width: 600px) {
	div.navbar-default .menu-toggle ~ .menu-menu-principal-container {
		display: block !important;
	}
}

@media(max-width: 600px) {
	
	div.navbar-default .menu-toggle ~ .menu-menu-principal-container {
		display: none;
	}
	
	div.navbar-default ul li,
	div.navbar-default ul li a {
		display: block;
		float: left;
		width: 100%;
		text-align: center;
	}
}

/* === ASIDE (SIDEBAR) =================================================== */


aside .widget_pages > ul:first-of-type,
.child-pages > ul:first-of-type,
aside > [class^="menu"] > ul:first-of-type {
	overflow: hidden;
	margin: 2.5em 0;
}

aside ul li a {
	display: block;
	padding: 0.5em;
}

aside h3 {
	margin-bottom: 0;
}

aside ul li ul {
	margin-left: 1.5em;
}

.child-pages { margin-top: 1.5em; }

.child-pages h3 { 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #666;
}


.child-pages.text-right ul li ul {
	margin-left: 0; /*reset*/
	margin-right: 1.5em;
}

aside div.search {
	margin: 2em 0;
}

aside div.search input[type="text"] {
	float: left;
	width: 82%;
}



/* === ASIDE (MENU LATERAL) === */

aside .widget_pages ul, aside [class*="menu"] ul { background: #fff; }
aside .widget_pages ul li, aside [class*="menu"] ul li { border: #ddd solid 0.01em; border-width: 0 0 0.01em 0; }
aside .widget_pages ul li:first-child, aside [class*="menu"] ul li:first-child { border-top-width: 0.01em; }
aside .widget_pages ul li ul, aside [class*="menu"] ul li ul  {
	position: absolute;
	margin-left: 18.7em;
	z-index: 200;
}


@media(max-width: 1200px) {
	aside .widget_pages ul li ul, 
	aside [class*="menu"] ul li ul  {
		margin-left: 15.1em;
	}
}


/* --- COMPORTAMENTO DO MENU (SIDE-DOWN) AO PASSAR O MOUSE --- */
aside .widget_pages ul li ul, aside [class*="menu"] ul li ul { 
	display: none; 	
	border: #ddd solid 0.01em; 
	
	/* --- Sombra dos submenus --- */
	box-shadow: 0.2em 0.2em 0.2em #999;
   -webkit-box-shadow: 0.2em 0.2em 0.2em #999;
   -moz-box-shadow: 0.2em 0.2em 0.2em #999;

}

aside .widget_pages ul li ul li:first-child, aside [class*="menu"] ul li ul li:first-child { border-width: 0 0 0.01em 0; }
aside .widget_pages ul li ul li:last-child, aside [class*="menu"] ul li ul li:last-child { border-width: 0; }

aside .widget_pages > ul li:hover > ul, 
aside [class*="menu"] > ul li:hover > ul { 
	display: block; 
}

aside .widget_pages > ul li:hover > ul li > ul, aside [class*="menu"] > ul li:hover > ul li > ul { display: none; }
aside .widget_pages > ul li:hover > ul li:hover > ul, aside [class*="menu"] > ul li:hover > ul li:hover > ul { display: block; }


/* --- COMPORTAMENTO DO MENU SIDE SLIDER AO CLICAR 1 VEZ --- * / 
aside .widget_pages ul > li.page_item ul { display: none; }
aside .widget_pages ul > li.current_page_item > ul { display: block; }
aside .widget_pages ul > li.current_page_ancestor > ul { display: block; }
*/

aside .widget_pages ul li ul, aside [class*="menu"] ul li ul {  
	margin-top: -2.5em;
}

aside .widget_pages ul li ul li a, aside [class*="menu"] ul li ul li a {
	width: 20em;
}


aside .widget_pages ul li ul li ul, aside [class*="menu"] ul li ul li ul {
	position: absolute;
	margin-left: 20em;
	z-index: 300;
}


/* Destacar itens do menu da página corrente */
aside .current_page_ancestor, 
aside .current_page_parent,
aside .current_page_item,
aside .current-menu-item > a,
aside .current_page_ancestor >  a,
aside .current_page_parent > a,
aside .current_page_item > a  {
	color: #000 !important;
}


/* Ocultar título do widget páginas quando este estiver como "menu automático" */
aside aside.widget.widget_pages h3 {
	display: none;
}

/* Linha mais grossa no fim do widget páginas para diferenciar um menu feito com o widget páginas do menu normal - apagar isso quando entrar em produção */
aside aside.widget.widget_pages ul li:last-child {
	border-bottom-width: 2px;
}

/* === BREADCRUMBS ======================================================= */

.breadcrumbs span[typeof="ListItem"] {
	padding: 0.7em;
	line-height: 2em;
}


/* === CONTEÚDO PRINCIPAL ================================================ */

main {
	marging-top: 1.5em;
}

article {
	margin-bottom: 3em;
	overflow: hidden;
}

article h1, section h1 {
	font-size: 3em !important;
	font-weight: normal;
}

article footer {
	padding: 0;
}

article .aside-bottom {
	margin-top: 3em;
}

main img {
	padding: 0.4em !important;
	border: 0.1em solid #ddd;
}

main .wp-caption-text {
	font-size: 0.8em !important;
}

.comments-link, footer.entry-meta {
	font-size: 0.9em !important;
}

/* Classe especial para fazer lista de ícones responsivos dispostos horizontalmente; usar class="list-inline list-icons" */
.list-icons {
	list-style: none;
}

.list-icons li  {
    min-height: 5em;
    height: auto;
    width: 10em;
    margin-bottom: 3em;
    vertical-align: top;
    line-height: 2em;
    display: inline-block;
}

.list-icons li a span[style*="color"] > * {
	color: inherit;
}

.list-icons li {
	text-align: center;
}

.list-icons li .fa {
	width: 100%;
	font-size: 2em;
	margin: auto;
}

.edit-link a {
	display: inline-block;
	padding: 0.5em 1em;
	border-radius: 0.3em;
	
	background: #D72719;
	border: #300 solid 0.01em;
	color: #fff !important;
	font-weight: bold;
	text-transform: uppercase;
	
	position: absolute;
	top: 2em;
	right: 0;
}


.edit-link a:hover {
	background: #f9493a;
}



/* === RODAPÉ ============================================================= */

footer {
	padding: 2.5em 0;
	padding-top: 1em;
	margin-top: 3em;
}

footer .row > * {
	margin-bottom: 2em;
}

footer #footer-brasil-modificado-pela-transparencia {
	border-width: 0 0 0.01em 0;
	padding-bottom: 1em;
}

footer .text-center ul li {
	line-height: 2em;
}

footer .container {
	margin-top: 2em;
}

@media(max-width: 990px) {
	footer .text-center {
		text-align: right;
	}
	
	footer .text-right {
		text-align: center;
	}
}

@media(max-width: 768px) {
	footer *  {
		text-align: center;
	}
}

/* POSICIONANDO O RODAPÉ NA BASE DA TELA*/
/*
html, body { height: 100% }

.unifei-layout-all {
	min-height: 100%;
	position: relative;
}

.unifei-layout-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
}

* html .unifei-layout-all { height: 100%; } /* hack para IE6 tratar height corretamente * /
*/


@media(min-width: 320px ) {
	.unifei-layout-body { padding-bottom: 40em; }
}

@media(min-width: 480px ) {
	.unifei-layout-body { padding-bottom: 35em; }
}

@media(min-width: 768px ) {
	.unifei-layout-body { padding-bottom: 25em; }
}

@media(min-width: 1024px ) {
	.unifei-layout-body { padding-bottom: 18em; }
}

/* --------------------------------------*/



/* === ÍCONES ============================================================ */

a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".ppt"]:after,
a[href$=".pptx"]:after,
a[href$=".jpg"]:after,
a[href$=".jpeg"]:after,
a[href$=".png"]:after,
a[href$=".gif"]:after,
a[href$=".svg"]:after,
a[href$=".svg"]:after,
a[href$=".cdr"]:after,
a[href$=".bmp"]:after,
a[href$=".mp3"]:after,
a[href$=".mp4"]:after,
a[href$=".zip"]:after,
a[href*="youtube.com"]:after {
  font: normal normal normal 14px/1 FontAwesome;
  margin-left: 0.5em;
}

a[href$=".pdf"]:after { content: "\f1c1"; color: #900; }
a[href$=".doc"]:after, a[href$=".docx"]:after { content: "\f1c2"; color: #009; }
a[href$=".xls"]:after, a[href$=".xlsx"]:after { content: "\f1c3"; color: #090; }
a[href$=".ppt"]:after, a[href$=".pptx"]:after { content: "\f1c4"; color: #900; }
a[href$=".rar"]:after, a[href$=".zip"]:after { content: "\f1c6"; color: #666; }

/*
a[href$=".jpg"]:after,
a[href$=".jpeg"]:after,
a[href$=".png"]:after,
a[href$=".gif"]:after,
a[href$=".svg"]:after { content: "\f1c5"; color: #909; }
a[href$=".mp3"]:after { content: "\f1c7"; color: #009; }
a[href$=".mp4"]:after { content: "\f1c8"; color: #06c;}
*/
a[href*="youtube.com"]:after { content: "\f166"; color: #c00; }



/* Atualizado em 12/02/2020 por jader.figueredo@unifei.edu.br
CLASSES PARA FAZER PÁGINAS DE QUADRADOS DE LINKS POSICIONADOS LADO-A-LADO OU EM UMA LISTA DE GRANDES BLOCOS COLORIDOS 
Aplicado pela primeira vez em unifei.edu.br/tecnologia-informacao/ como página HOME do subsite
*/
.boxes li {
   border: #00c solid 0px;
   display: block;
   width: 49% !important;
   float: left;
   margin: 0.3em !important;
}
.boxes li a{
   border: #c00 solid 0px;
   display: block;
   padding: 2em 1em;
   font-size: 2em;
   font-weight: bold;
   color: #fff;
   text-shadow: 2px 2px 4px #333333;
}
.boxes li a:visited {
   color: #fff;
}
.boxes li:nth-child(6n+1) {background: #4a9;}
.boxes li:nth-child(6n+2) {background: #048;}
.boxes li:nth-child(6n+3) {background: #ea4;}
.boxes li:nth-child(6n+4) {background: #d99;}
.boxes li:nth-child(6n+5) {background: #e76;}
.boxes li:nth-child(6n+6) {background: #685;}
@media only screen and (max-width: 990px){
   .boxes li {
      width: 100% !important;
   }
}