/*
Você pode adicionar seu próprio CSS aqui.

Clique no ícone de ajuda acima para saber mais.
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400|Quicksand:300,400,700');
html {
    margin-top: 0px !important;
}
body{
	font-family: 'Quicksand',  sans-serif;
	color: #484848;
}
body p{
  font-family: 'Quicksand',  sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 2em;
	color: #484848;
}
p > a{
	text-decoration: underline;
}
#site-navigation > ul > li > a{
	font-family: 'Montserrat', sans-serif;	font-weight: 400;	
}
#content > div.page-header{
	background-color: #304055;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.content-area {
    margin-top: 40px;
}
.sidebar{
	margin-top: 40px;
}
.widget > ul > li:nth-child(n) > a:hover{
	color: #BD3E32;	
}
div.entry-thumbnail > img{
	min-width: 790px;
}
h1{
	text-transform: uppercase;
}
h1.entry-title{
	font-size: 34px;
  font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #fff;
	padding: 0.15em 0.2em;
	margin-top: 40px;
	margin-bottom: 0;
	text-transform: none;
}
.page-header > .container > h1.entry-title{
	margin-top: 0;
}
header > h1{
	background-color: #c0392b;
}
.page-header .entry-title{
	font-weight:200;
}
h2.section-title{
	background-color: #BD3E32;
	color: white;
	font-family: 'Montserrat', sans-serif;
	text-align: left;
	padding: 0.15em 0.4em;
	letter-spacing: 1px!important;
	font-weight: 200;
}
h2.entry-title > a{
	font-weight: 400;
	color: #304055;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.15em;
}
/*div.list-article-thumb > a > img{
	height: 247px;
	width: 400px;
}*/
.section-title-area .section-title {
    text-transform: none;
		font-weight: 200;
		letter-spacing: -0.15;
		font-size: 34px;
}
h3{
	color: #2c3e50;
	font-family: 'Montserrat', sans-serif;
}
h4.descricao{
	color: #2C3E50;
	background-color: #f1c40f;
	padding: 0.35em 0.2em;
	margin-top: 0;
	margin-bottom: 1.2em;
	font-weight: 400;
}
h5{
	color: #2C3E50;
	font-size: 18px;
	padding: 0.6em 0.7em;
	margin-top: 0;
}
#main > div.container > div > div.col-md-4 > img{
	border: 9px solid #BD3E32;
}
div.list-article-content > div.list-article-meta{
	color: #c0392b;
}
div.list-article-content > div.list-article-meta > a{
	color: #c0392b;
}
/*BLOG*/
div.entry-thumbnail > img {
    min-width: 100%;
}

/* edição bootstrap*/
.mx-auto {
    margin-right: 0!important;
    margin-left: 0!important;
}
/* edição bootstrap*/

#masthead{
padding: 0.15em 0;
}

/*BOTÕES***************************/
.entry-header .entry-title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	margin-top: 0;
}
.btn-theme-primary-outline {
    background-color: transparent;
    background-image: none;
    border-color: #304055;
    color: #304055;
}
.btn-theme-primary-outline:hover {
    background-color: #304055;
    border-color: #304055;
    color: white;
}
.onepress-menu a:{
	color: #304055;
}
.onepress-menu a:hover {
  color: #BD3E32;
}
#search-2 > form > label > input{
	min-width: 222px;
	max-width: 180px;
}
input[type="submit"]{
	background-color: transparent; 
	border: 1px solid #304055;
	color: #304055;
	border-radius: 0;
	max-width: 222px;
	min-width: 180px;
}
input[type="submit"]:hover{
	background-color: #304055; 
	color: white;
}

.btn-theme-primary{
	background-color: #BD3E32;
}
.btn-theme-primary:hover{
	background-color: #fff;
	color: #BD3E32;
}
.logos-clientes{
	margin: 4em 0 7em 0;
}
/*FIM DOS BOTÕES*/

#recent-posts-2 > h2{
	margin-top: 55px;
}

/*FOOTER**************************/
.site-footer .footer-connect {
    padding: 1rem 0px;
}
#menu-footer>li>a{
	text-transform: uppercase;
	margin-right: 2em;
}
#menu-footer{
	display: block;
}
/*meu metodo*/
.claro{
	background-color: #FAFAFA; 
	padding: 2em 0;		
}
.escuro{
	background-color: #ecf0f1;
	padding: 2em 0;
}
/*fim do meu metodo*/
/*cases*/
.cases .escuro{
	padding: 0 0 7em 0;
}
.cases .claro{
	padding: 0 0 7em 0;
}
.galeria-texto{
	display: flex;
}
.galeria{
	width: 600px;
	display: inline-block;
}
.texto{
	margin-left: 25px;
	width: 400px;
	display: inline-block;
}
.cases h2{
	margin-bottom: 0;
}
a.botao.left > span{
	background-color: transparent;
	border: 1px solid #304055;
	padding: 0.3em 0.6em;
	color: #304055;
	text-transform: uppercase;
}
a.botao.left > span:hover{
	background-color: #304055;
	padding: 0.3em 0.6em;
	color: white;
}
a.botao.left:hover{
 	text-decoration: none;
}

/*div.texto > p:last-child{
	margin-bottom: 0;
}*/

/*fim do cases*/

/*comentários facebook*/
div.entry-content > div.fbcb_container > h3{
	font-family: 'Montserrat', sans-serif; 
}

@media screen and (max-width: 367px){
	#masthead > div > div.site-branding > div > div > a > img{
	max-width: 85%;
	}
	.site-info>.container{
	text-align: center;	
	}
		#menu-footer{
		text-align: center!important;
	}
	#colophon > div.site-info > div:nth-child(n) > div > div.copyright.col-md-6.text-right{
		text-align: center!important;
	}
	#menu-footer>li>a{
	margin-right: 0;
	}
}
@media screen and (max-width: 700px){
	.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
	}
	#menu-footer{
		text-align: center!important;
	}
	#colophon > div.site-info > div:nth-child(n) > div > div.copyright.col-md-6.text-right{
		text-align: center!important;
	}
	#menu-footer>li>a{
	margin-right: 0;
	}
}

/*CASES BREAKPOINT*/

@media screen and (max-width: 993px){
	.cases{
	max-width: 100%;
	}
	.cases .galeria-texto{
	display: block;
	width: 100%;
	}	
	.galeria-texto > .galeria, .texto{
	display: initial;
	width: 500px;
	}
	#masthead > div > div.site-branding > div > div{
	max-width: 65%
	}
	/*img.custon-logo{
	max-width: 50%;
	}*/
#masthead{
	max-eight: 79px;
	}
}

@media screen and (min-width: 200px)and (max-width: 771px){
	img.custon-logo{
	max-width: 50%;
	}
		#masthead > div > div.site-branding > div > div{
	max-width: 65%
	}
	#masthead{
	max-eight: 79px;
	}
}