/*
Theme Name: PreviHonda 2018
Author: Arte da Criação
Author URI: artedacriacao.com
Description: tema exclusivo do site previhonda.com.br
Version: 1.0
Text Domain: previhonda
*/

@font-face {
	font-family: 'OpenSans';
	font-style: normal;
	font-weight: normal;
	src: local('OpenSans'), url('inc/fonts/OpenSans.woff') format('woff');
}

@font-face {
	font-family: 'OpenSans-Semibold';
	font-style: normal;
	font-weight: normal;
	src: local('OpenSans-Semibold'), url('inc/fonts/OpenSans-Semibold.woff') format('woff');
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* video */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.baseBanners{
	background-color: rgba(0,0,0,.5);
	position: fixed;
	z-index: 88888;
	opacity: 0;	
}

.popUpBanner{
	top: 200px;
	left: 0;
	position: absolute;
	z-index: 99999;
	border:3px solid #fff;
	opacity: 0;
	margin-right: 20px;
}

.popUpBanner .fechar{
	background-color: #606060;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	
	z-index:9999;

}

.popUpBanner .fechar:hover { background: #d9202d; }


.popUpBanner img{
	max-width: 100%;
	height: auto;
}



.modal-body{
	max-height: 300px !important;	
	overflow: auto;
}



/* Custom, iPhone Retina */ 
@media only screen{

	body{
		font-family:OpenSans, Myriad Pro, Arial, Helvetica, sans-serif;
		font-size:14px;
		border-top: 16px solid #d2d2d2;
		border-bottom: 16px solid #d9202d;
		color: #000;
	}
	
	a{
		color:#8a8a8a;
	}
	
	a:hover{
		color:#D9202D;
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;	
		
	}
	

	h2{
		color:#d9202d;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 16px;
	}

	h3{
		color:#d9202d;
		text-transform: uppercase;	
		font-size: 16px;
		font-family: OpenSans-Semibold, Arial, Helvetica, sans-serif;
		
		

	}



	/***************************************************************************************************************/
	/* topo (header) */

	header .topo{
		background-color:#FFF;		
		min-height:110px;

	}
		
	header .navbar-brand{		
		padding-top:25px;
	}
	
	header .navbar-brand h1{
		font-size:42px;
		color:#D9202C;;
		padding:0;
		margin:0;				
	}
	
	.page-template-page-tornese-php  header .navbar-brand h1{
		font-size:24px;
		padding:15px;
	}
	
	header .navbar-brand h1 .pincel{
		position:absolute;
		margin-top:-14px;
		margin-left:-4px;
	}

	header .topo .navbar-header img{
		max-width:240px !important;		
	}
	
	header .topo .navbar-header	.navbar-toggle{
		padding:40px 10px 0 0;
	}
	
	header .topo .navbar-header .icon-bar{
		width:40px;
		height:6px;
		font-size:36px;
		background-color:#D9202C;;;
		color:#000;
	}
	
	header .topo .nav{
		background-color:#D9202C;
		border-radius:0;
		margin:5px;
		margin-top:10px;
		float:right;
	}
	
	header .topo .nav li{
		/*border-bottom:1px solid #fff !important;*/
		border-radius: none !important;

	}

	header .topo .nav li:last-child{
		border-bottom:none;
		border-radius:0;
	}

	header .topo .nav li:first-child a:hover{
		border-radius:0;
	}

	header .topo .nav li:last-child a:hover{
		border-radius:0 0 5px 5px;
	}
	
	header .topo .nav li a{
		font-size:16px;
		color:#FFF;
		border-bottom: 1px solid #fff;
	}

	header .topo .nav li a:hover{
		background-color:#000;
	}
	
	header .topo .nav .dropdown-menu li a:hover{
		border-radius:0;	
	}

	header .topo .nav .dropdown-menu li{
		/*margin-bottom: 8px;		*/
	}


	header .topo .nav .dropdown-menu li:last-child(){
		border-bottom: none;
	}

	/***************************************************************************************************************/
	/* home: banner */
	.homebanner{
		background-color:#D2D2D2;
	}

	#bannerhome{
		padding:0;
		position:relative;
	}
	
	#bannerhome .carousel-control{
		display: none !important;
		
	}
	
	#bannerhome .carousel-inner img{
		width:100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	#bannerhome .carousel-indicators{
		bottom: 0;
	}
	
	#bannerhome .carousel-indicators li, #bannerhome .carousel-indicators li.active{
		width: 15px;
		height: 15px;
		border: 1.5px solid #fff;
		margin: 0;
	}

	#bannerhome .carousel-indicators li{
		background-color: #000;

	}

	#bannerhome .carousel-indicators li.active{
		background-color: #D9202D;
	}
	

	/***************************************************************************************************************/
	/* home: links */

	.homelink{
		padding: 0;
		margin-top: 0;
		margin-bottom: 20px;
		overflow: hidden;
	}

	
	.homelink a{
		color:#D9202C;;;
	}
	
	.homelink .item{
		padding: 0;
		margin-top: 0;
	}

	.homelink .item .box{
		padding: 0;
		margin-top: 0;
		
		
	}

	.homelink .item .fundo{
		z-index: 0;
		

	}

	.homelink .item .fundo2{

		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;	

		top: 0;
		bottom: 0;
		z-index: 1;
		position: absolute;
		background-color: #d9202c;
		width: 100%;
		opacity: 0;
        

	}


	.homelink .item .informacoes{
		top: 0;
		bottom: 0;
		z-index: 2;
		position: absolute;
		width: 100%;
		padding: 20%;
	}

	.homelink .item:hover .fundo2{
		opacity: 0.60;
	}
	

	
	.homelink .item .fundo img{		
		width:100%;		
		height:auto;	
		filter: gray;
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
		opacity: 0.3;
	}


	.homelink .item:hover .fundo img{		
		opacity: 1;
	}


	.homelink .item .icone{
		width: 100%;
		text-align: center;
		-webkit-transition: all 0.50s ease-in-out;
		-moz-transition: all 0.50s ease-in-out;
		-ms-transition: all 0.50s ease-in-out;
		-o-transition: all 0.50s ease-in-out;				
		
	}


	.homelink .item .icone img{		
		width: 50px;
		height: auto;

	}

	.homelink .item:hover .icone{
		-webkit-filter: invert(100%);
		filter: invert(100%);
	}
			
	.homelink .item .texto{
		width: 100%;
		text-align: center;
			
	}
		
	.homelink .item .box h3{
		font-size:14px;
		text-transform:uppercase;
		color: #000 !important;
		font-weight: bold;

		-webkit-transition: all 0.50s ease-in-out;
		-moz-transition: all 0.50s ease-in-out;
		-ms-transition: all 0.50s ease-in-out;
		-o-transition: all 0.50s ease-in-out;		

	}


	.homelink .item:hover h3{
		color: #fff !important;
	}















	.noticias .item{
		border-right:2px solid #D1D1D1;
	}

	.noticias .item:last-child{
		border:none;
	}

	.home_noticias h2{
		font-size: 22px;
	}
	
	.noticias h2 a{
		color:#d9202d;

	}

	.noticias h2::after{
		content:' >';			
	}


	.noticias img{
		width: 100%;
		height: auto;		
	}


	.noticias .texto{
		margin-bottom: 10px;
	}

	.noticias a{
		color: #000;
		font-weight: bold;
		text-transform: uppercase;

	}


	/***************************************************************************************************************/
	/* home: localização */


	.localizacao{
		border-top:1px solid #707070;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-top: 40px;
		
	}


	.contato .localizacao{
		border: 0;
		margin-top: 0;
	}
	

	.localizacao h2{
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 30px;
	}


	/***************************************************************************************************************/
	/* home: redes sociais */
	.redes_sociais{
		margin-bottom: 40px;
	}

	.redes_sociais ul{
		padding: 0;
	}

	.redes_sociais ul li{
		display: inline-block;		
	}

	.redes_sociais ul li a{
		text-align: center;
		width: 45px;
		height: 45px;
		padding-top: 1px;
		display: block;
		font-size: 30px;
		background-color: #707070;
		color: #fff;
		margin: 0 10px;

		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;		

	}

	.redes_sociais ul li a:hover{
		background-color: #D9202D;
	}

	


	/***************************************************************************************************************/
	/* contato */
	.wpcf7-form{
		overflow:hidden;
	
	}

	.wpcf7-form .campo{
		
		margin: 0 !important;
		padding: 0 !important;
		
	}
		
	.wpcf7-form select,
	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"],
	.wpcf7-form input[type="tel"],	
	.wpcf7-form textarea{
		width:100%;
		background-color:#eeeeee;
		border:1px solid #999;
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		transition: all 0.30s ease-in-out;
		outline: none;
		padding: 3px 0px 3px 3px !important;
		margin: 5px 1px 10px 0px !important;
		border: 1px solid #DDDDDD;
		border-radius:0;
		color:#757575;

	}

	.wpcf7-form select{
		-webkit-appearance:none;
	}


	
	.wpcf7-form .wpcf7-file{
		text-align:center;

	}

	.wpcf7-form select:focus,
	.wpcf7-form input[type="text"]:focus,
	.wpcf7-form input[type="email"]:focus,
	.wpcf7-form input[type="tel"]:focus,	
	.wpcf7-form textarea:focus{
	  	box-shadow: 0 0 5px rgba(217, 32, 44, 1);
	  	padding: 3px 0px 3px 3px;
	  	margin: 5px 1px 10px 0px;
	  	border: 1px solid rgba(217, 32, 44, 1);
		 background-color:#fff;
		 
	}

	#box_textarea{
		height: 172px;
		overflow: hidden;

	}

	#box_textarea textarea{
		height: 157px;
	}


	.wpcf7-submit{
		width: 100%;
		background-color:#FFF;
		border-radius:0;
		border:none;
		color:#36b3aa;
		padding:5px 10px;		
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;		
		background-color:#D9202C;
		color:#fff;
		height: 29px;
		padding: 0;
		margin: 5px 1px 10px 0px;
	}
	
	.wpcf7-submit:hover{
		background-color:rgb(165, 20, 30);
	}



	.wpcf7-form-control-wrap{

	}



	.matricula_fone{

	}

	.email_telefone{
		font-size: 18px;

	}

	.contato_box{
		width:100%;
		font-size:22px;
		padding:10px;
		overflow:hidden;
	}
	
	.contato_box ul{
		padding:0;
		margin:0;
		text-align:left;
	}

	.contato_box ul li{
		display:block;
		list-style:none;
		padding:5px;
	}
	
	.contato_box i{
		color:#D9202C;;;
	
	}












	
	

	


	/*************************** paginas internas *******************************************/

	.interna{
		border-top: 2px solid #D2D2D2;
		border-bottom: 2px solid #D2D2D2;
		margin-bottom: 20px;
		
	}
	
	
	/*noticias/artigos*/

	.titulo_principal h2{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 24px;
		color: #000;
		margin-bottom: 30px;
	}

	

	.artigos{
		padding: 20px;
		border-bottom: 2px solid #D2D2D2;
	}


	@media only screen and (min-width : 768px) {
		.artigos{
			border-bottom: 0;
			border-left: 2px solid #D2D2D2;
		}
	}

	
	
	.artigos .item{
		margin-bottom:50px;
	}
	
	.artigos .item .fundo_noticias{		
		background-color: #ccc;
		min-height: 200px;		
		background-size: cover;		
	}

	.artigos .item .fundo_categorias{		
		background-color: #D2D2D2;
		min-height: 30px;		
		
	}

	.artigos .item .imagem img{
		min-width:100%;
		max-width:100%;
		height:auto;
		margin-top: 20px;
		z-index: 0;
	}
	
	.artigos .item .imagem .post-categories{
		float: right;
		list-style: none;		
	}
	
	.artigos .item .imagem .post-categories li{
		display: inline-block;		
	}

	.artigos .item .imagem .post-categories li a{		
		background-color: #D9202C;
		color: #fff;
		display: block;
		padding: 5px 10px;
	}


	
	.artigos h2{
		padding:0;
	}
	
	.artigos a{
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
	}
	

	.artigos .autor{
		color:#999;
		font-size:14px;
		text-align:right;
		padding:5px 0 20px 0;
		margin:0;
	}
	
	.artigos .autor a{
		color:#999;
	}
	

	.artigos .filtro{		
		margin-bottom: 10px;
	}


	.artigos .filtro .row{
		padding: 0;
		margin: 0;
	}

	.artigos .filtro .col{
		padding: 5px;
		margin: 0;
	}

	.artigos .filtro .box{
		background-color: #EEEEEE;
		margin-bottom: 10px;
		padding: 5px;		
	}


	.artigos .filtro .box .form-group{
		padding: 0;
		margin: 0;
	}


	.artigos .filtro .checkbox{
		margin: 6px;		
		padding: 0;
	}

	.artigos .filtro .box .form-control{
		background-color: #EEEEEE;
		font-size: 12px;
		padding: 5px;
		margin: 0;
		border-radius:0;
	}

	.artigos .filtro button{
		border:none;
		color: #d9202c;
		font-weight: bold;
		font-size: 18px;
		text-transform: uppercase;
	}
	
	/*lateral*/
	.lateral{
		padding-top: 20px;
		
	}

	.lateral_menu ul{
		padding: 0;
		margin: 0;		
		padding-bottom: 20px;
	}

	.lateral_menu ul li ul{
		padding-bottom: 0;
	}
	
	
	
	.lateral_menu ul li{
		list-style: none;
		padding: 0;
		margin: 8px 0 8px 0;		
	}

	.lateral_menu ul li a{
		color:#333333;
		text-transform: uppercase;		
		font-size: 16px;
	}

	.lateral_menu .current_page_item a{
		text-decoration: none;
		color:#D9202C;
		font-weight: bold;		
	}



	.lateral_menu ul li ul li a, .lateral_menu .current_page_item ul li a{
		color:#333333;
		text-transform: uppercase;		
		font-size: 12px;
		font-weight: normal;
		padding-left: 20px;
	}


	.lateral .sep{
		position: absolute;
		background-color: #D2D2D2;
		height: 2px;
		width: 1000px;		
		right: 0;		
	}

	.lateral_noticias{		
		padding-bottom: 20px;
	}


	.lateral_noticias h3{
		font-size: 16px;		
	}


	/* download */
	.download_box{
		margin-bottom: 10px;
	}

	.download_box .titulo{		
		border:1px solid #ccc;
		text-align: center;
		padding: 20px 0;	
		margin-bottom: 5px;
		color:#d9202c;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		height: 70px;
		
	}


	.download_box button{
		width: 100%;
		border-radius: 0;
		background-color: #D9202C;
		text-transform: uppercase;				
	}


	.download_box .data{		
		text-align: center;
		color: #919191;
	}

	h5.widget-title{
		clear: both;
	}

	
	/*comentários*/
	.comments-area{
		background-color:#EEE;
		padding:20px;
		margin-top:50px;
	}
	
	.comments-area h3{
		padding:0 0 10px 0;
		margin:0;
		border-bottom:5px solid #fff;
		font-size:18px;
		margin-bottom:20px;
		color:#D9202C;;;
		clear:both;
	}
	
	
	.comments-area ol{
		padding:0;
		margin:0;
		margin-bottom:20px;
		
	}
	
	.comments-area li{
		list-style-type:none;
	}
	
	.comment .comment-body{
		clear:both;
		overflow:hidden;
		border-bottom:1px dotted #fff;
		margin-bottom:20px;
		padding-bottom:20px;
	}
	

	.comment .comment-author{
		float:left;
		height:40px;
	}
	
	.comment .comment-author .fn{
		color:#D9202C;;;
		font-style:normal;
		padding:0 5px 0 5px;
	}
	
	.comment img{
		width:30px;
		height:auto;
	}
		
	
	.comment .comment-meta{
		float:right;
		font-size:14px;
		color:#CCC;
		height:40px;
		padding-top:5px;
	}

	.comment .comment-meta a{
		color:#CCC;
	}

	
	.comment p{
		width:100%;
		background-color:#FFF;
		clear:both;
		padding:10px;
		border-radius:10px;
		display:block;
		min-height:100px;
	}
	
	.comment .reply{
		text-align:right;
	}

	.comment-form label{
		width:100%;	
	}	
	
	.comment-form textarea{
		width:100%;	
	}	
	
	
	
	/*********************************** rodapé *********************************************/
	footer{
		padding:10px 0;
		color:#999;
		overflow:hidden;
		font-size:12px;
	}
		
	footer a:hover{
		text-decoration:none;
	}
	
	footer .row{
		padding:0;
		margin:0;
	}

	
	
}


@media only screen and (min-width : 768px) {
	header .topo .navbar-header img{
		max-width:inherit;
	}

	.homelink .item .icone img{		
		width: 100px;
	}

	.homelink .item .box h3{
		font-size: 20px;
	}
}






@media only screen and (max-width : 767px) {
	table{
		width: 100% !important;
		font-size: 8px !important;		
	}


	table h4{
		font-size: 8px !important;
		padding: 2px !important;
		margin: 0;
	}


	table td{
		padding: 2px !important;
	}

}






@media (max-width: 991px) {

    .navbar-header {
        float: none;
    }

    .navbar-left,.navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

    .navbar-collapse.collapse {
        display: none!important;
	}
	
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}

	.navbar-nav>li {
        float: none;
	}
	
    .navbar-nav>li>a {
        padding-top: 10px;
		padding-bottom: 10px;
		
	}
	
    .collapse.in{
  		display:block !important;
	}




	.dropdown-menu{
		position: relative !important;
		width: 100% !important;
		position: relative !important;
		border: none !important;
		border-radius: none;
		background-color: #D9202C;
		color: #FFF;
		box-shadow: none;
		border-radius: none!important;
		margin:0 !important;		
		
	}

	.dropdown-menu li, .dropdown-menu li:last-child{
		border-bottom: none !important;
		border-radius: none !important;
		padding-top: 0 !important;
	}

	
	
	.dropdown-menu li a{		
		border-radius: none !important;
		border: none!important;
		border-bottom: 1px solid #fff !important;
		padding: 10px 30px !important;
		
	}

	.dropdown-menu>.active>a{
		/*background-color: #000 !important;*/
		background: none !important;
		color: #000 !important;

	}


	.navbar-nav .open .dropdown-menu>li>a {
		/*line-height: 20px !important;*/
		/*padding-bottom: 10px;*/
		
	}

	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		/*padding: 5px 15px 5px 25px !important;*/
		
	}
}



.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	border-color:#fff !important;
}







/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	header .topo .nav{
		width:auto;			
	}
	
	
	header .topo .nav{
		float:right;
		margin:inherit;
		background:none;
		margin-top:50px;		
	}
	
	header .topo .nav .active, 
	header .topo .nav li a:hover, 
	header .topo .nav .active a:hover{
		background:none;

	}

	header .topo .nav li ul .active a{
		background-color: #fff !important;
	}


	header .topo .nav li a{
		border-radius:0;
		font-size:15px;
		text-align:center;		
		text-transform:uppercase;
		padding: 0 10px;	    
		color:#8a8a8a;
		border-left: 2px solid #8a8a8a;

		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;		
		transition: all 0.30s ease-in-out;		
		
	}

	header .topo .nav li:first-child a{
		border: none;
	}
		

	header .topo .nav li:last-child a:hover{
		border-radius: 0;
	}

	header .topo .nav li a:hover{
		color:#D9202D;
	}

	header .topo .nav li ul li a{
		border: none !important;
		text-transform: none !important;
		text-align: left; 
	}


	header .topo .nav .caret{
		border-left: 6px solid rgba(200, 200, 200, 0);
		border-right: 6px solid rgba(200, 200, 200, 0);
		border-top: 6px solid;
		display:table;
		margin-left: auto;
		margin-right: auto;
		display: none;
	}
	
	header .topo .nav .caret-up {
		width: 0; 
		height: 0; 
		border-left: 6px solid rgba(0, 0, 0, 0);
		border-right: 6px solid rgba(0, 0, 0, 0);
		border-bottom: 6px solid;
		display:table;
		margin-left: auto;
		margin-right: auto;	
		display: none;
	}

	.nav>li>a:focus, .nav>li>a:hover{		
		text-decoration: none !important;
		background-color: #000;
		
	}

	
	.dropdown-menu li a{
		padding: 5px 10px !important;
	}


	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
		border-left: 2px solid #8a8a8a !important;
		background: none;
	}

}