﻿/* -------------------------------- */
/*  Vitor Gonçalves - custom style  */
/* -------------------------------- */

/* Personalização topo da página */
#fav-headerwrap {background-color: #f5f5f5;}

/* Personalização mensagem cookies*/
#link_cookies {color:#fff;}
#link_cookies:hover {color:#0099ff;}

/* Personalização logotipo */
#fav-logo h1 a:hover{color: inherit;}
@media (min-width: 1200px){
	#fav-logo {width: 35%;}
	#fav-nav {width: 65%;}
	#fav-logo h1 {display:block; float:left;}
	#fav-logo h1:nth-child(1){width:35%;}
	#fav-logo h1:nth-child(2){width:65%; margin-top:10px;}
	#fav-logo h1 a img {max-height: 84px;}
	#fav-logo h1 a.text-logo {max-height: 84px;}
}
@media (min-width: 992px) and (max-width: 1200px){
	#fav-logo {width: 35%;}
	#fav-nav {width: 65%;}
	#fav-logo h1 {display:block; float:left;}
	#fav-logo h1:nth-child(1){width:35%;}
	#fav-logo h1:nth-child(2){width:65%; margin-top:13px;}
	#fav-logo h1 a img {max-height: 84px;}
	#fav-logo h1 a.text-logo {max-height: 84px; font-size: 25px;}
}
@media (min-width: 768px) and (max-width: 991px){
	#fav-logo h1 {margin-top: 10px;}
	#fav-logo h1 {display: table; margin: 0 auto; float: none;}
	#fav-logo h1 a img {max-height: 84px;}
	#fav-logo h1 a.text-logo {max-height: 84px; font-size: 25px;}
}
@media (min-width: 1px) and (max-width: 767px){
	#fav-logomobile {width:calc(100% - 110px)}
	#fav-logomobile h1 a img {max-height: 47px;}
	#fav-logomobile h1:nth-child(1) {max-width: 55px;float: left; overflow:hidden;}
	#fav-logomobile h1:nth-child(2) {width: calc(100% - 78px); float: left; font-size: 25px;}
	#fav-logomobile h1 a {font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
}


/* posição dos indicadores slider */
#favslider-indicators {position: absolute; top: 15px; left: 0; right: 0;}

/* Personalização dos botões imprimir e email*/
.btn.dropdown-toggle{color: #000; background-color: #fff; box-shadow: none;}
.btn.dropdown-toggle:hover, .btn.dropdown-toggle:focus {color: #fff; background-color: #3a3a3a;}

/* Personalização do menu principal */
#fav-headerwrap .favnav li.active a{color:#000;}
#fav-headerwrap .favnav .nav-child li.active a{color:#000}

#fav-headerwrap .favnav ul.nav .nav-child::before, .favnav ul.nav .nav-child::after {display: none;}
/*#fav-headerwrap .favnav ul.nav ul.nav-child {right: 0px; left: auto; min-width: auto;}*/

#fav-headerwrap .favnav li{color: #000 !important; background-color: transparent !important; transition: all 0.2s ease-out 0s !important; -webkit-transition: all 0.2s ease-out 0s !important;}
#fav-headerwrap .favnav li:hover {color: #fff !important; background-color: #3a3a3a !important;}

#fav-headerwrap .favnav li a{transition: all 0.2s ease-out 0s !important; -webkit-transition: all 0.2s ease-out 0s !important;}
#fav-headerwrap .favnav li a:hover {color: #fff !important;}


/* Personalização área de copyright */
#fav-copyrightwrap {background-color: #3a3a3a; color:#fff;}
#fav-showcopyright p a:hover{color: #fff; outline: none;}

/* Personalização dos ícones de redes sociais */
@media (min-width: 768px){
	.social_mobile{display: none;}
	.favth-col-sm-3, .favth-col-sm-9 {width: 50%;}
}
@media (max-width: 768px){
	.social_desktop{display:none;}
	.favth-col-lg-9.favth-col-md-9.favth-col-sm-9.favth-col-xs-12{margin-bottom: 30px;}
}

/* Personalização do mapa (página inicial) */
.leaflet-touch .leaflet-control-attribution{opacity: 0.3;}
.leaflet-grab {cursor: auto;}
.mapa_pagina_inicial {background:#3a3a3a;}
.mapa_pagina_inicial .leaflet-container {z-index: 100; display: block; border-top: 1px #afafaf solid;}

/* Personalização dos espaços na página inicial */
#fav-slidewrap {padding-top: 0; padding-bottom: 0;}

/* Anexos dos artigos */
.attachmentsList table {color: inherit !important; background: transparent !important; border: none !important; font-size: inherit !important; font-weight: normal !important; margin-bottom: 0 !important;}
.attachmentsList table caption {color: inherit !important;}

/* Página em manutenção - login */
#fav-offline {position: relative; height: 100vh;}
#fav-offline #frame {position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); margin-top: auto; margin-left: auto;}

/* Barra de navegação */
.voltar_custom{float:left; width:fit-content;}
.voltar_custom div {margin: 10px 0px;}
.caminho_custom{float:right;  width:fit-content;}
#fav-breadcrumbs {padding-top: 0px; padding-bottom: 0px;}