/*

Theme Name: Procimar 2.0

Author: aloysiodesouza

Description: Template desenvolvido com base no Bootstrap 3.0.

Version: 2.0

*/

/*Custom Site*/

@import url(https://fonts.googleapis.com/css?family=Exo+2:400,200,700);



body, p, h1, h2, h3, h4, h5, h6,li{

font-family: 'Exo 2'!important;

}



h3 a{

color:#ff9600;

text-decoration: none!important;

}

h3 a:hover{

color:#999;

text-decoration: none!important;

}



/*Custom Header*/

body{

margin-top:165px!important;

overflow-x: hidden!important;

}

.barrademenu{

	height:140px!important;

	background-color:#fff!important;

	border-bottom: 1.5px solid #ccc!important;

margin-top:25px;

}

.topo{

position:fixed;

z-index:9999;

height:45px;

padding:10px;

background-color:#333;

color:#fff;

margin-top:-165px;

text-align:right;

}

#logotipo{

position:absolute;

	margin-top:25px;

height:107px;

width:155ps;

}

.menup{

	margin-top:50px!important;

	font-size:20px;

}



.nav > li.active > a{

border-bottom-style:solid!important;

border-color:#ff9600;

margin-left:10px;

background-color:#fff!important;

}

.rodape{
background-color:#034e7c;
color:#fff!important;
padding:30px;
text-align:center;
}
.rodape a{
color:#fff!important;
}
.endereco{
background-color:#333;
color:#fff!important;
padding:30px;
}


@media (max-width: 768px) {

	.menup{

		margin-top:0px!important;

background-color:#fff!important;

	}

.barrademenu{

	height:100px!important;

	background-color:#fff!important;

	border-bottom: 1.5px solid #ccc!important;

margin-top:50px;

}

.topo{

font-size:10px!important;

}

span{

font-size:12px!important;

}

}



/*Custom Post*/

.img_post{

overflow:hidden;

height:200px;

}

.img_post img{

max-height:200px;

width:auto;

height:auto;

}



/*Wordpress editor styles start*/



.entry-content img {

	margin: 0 0 1.5em 0;

	}

.alignleft, img.alignleft {

	margin-right: 1.5em;

	display: inline;

	float: left;

	}

.alignright, img.alignright {

	margin-left: 1.5em;

	display: inline;

	float: right;

	}

.aligncenter, img.aligncenter {

	margin-right: auto;

	margin-left: auto;

	display: block;

	clear: both;

	}

.alignnone, img.alignnone {

	/* not sure about this one */

	}

.wp-caption {

	margin-bottom: 1.5em;

	text-align: center;

	padding-top: 5px;

	}

.wp-caption img {

	border: 0 none;

	padding: 0;

	margin: 0;

	}

.wp-caption p.wp-caption-text {

	line-height: 1.5;

	font-size: 10px;

	margin: 0;

	}

.wp-smiley {

	margin: 0 !important;

	max-height: 1em;

	}

blockquote.left {

	margin-right: 20px;

	text-align: right;

	margin-left: 0;

	width: 33%;

	float: left;

	}

blockquote.right {

	margin-left: 20px;

	text-align: left;

	margin-right: 0;

	width: 33%;

	float: right;

	}


.image-container-ani {
	width: 540px;           /* or any width you want */
	height: 122px;          /* or any height */
	overflow: hidden;       /* this hides the overflowing part of the image */
	position: relative;
}

.image-container-ani img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease; /* smooth transition */
}

.image-container-ani img:hover {
	transform: scale(1.3) rotate(20deg); /* enlarge and rotate */
}
/*Wordpress editor styles end*/