@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300&family=Oswald&family=Roboto&display=swap');


*{
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

 .texto-post-completo img{
	 margin:0 auto !important;
	 width:30vw;
 }
 
 .imgblog{
	 width:100%;
	 text-align:center;
 }


#blue {
	font-size:60px;
	text-decoration:none;
    color: #FFFFFF;
  	text-align:center;
	font-family: 'Nunito', sans-serif;
    text-shadow: 0 0 0 #FFFFFF, 0 0 0 #FFFFFF, 0 0 0 #FFFFFF, 0 0 0 #228DFF, 0 0 0 #228DFF, 0 0 0 #228DFF, 0 0 0 #228DFF, 0 0 0 #228DFF;
}

#blue.blueGlow {
  color:#FFFFFF;
  text-align:center;
  text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF, 0 0 30px #FFF, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
}
  
  #conteudo{
	  float:left;
	  width:100%;
	  padding:1% 3%;
  }
  
  #postagens{
	  width:80%;
	  float:left;
	  padding:0 3% 0 0;
	  border-right:1px solid #efebeb;
  }
  
  .foto-completa{
	  width:100%;
  }
  
  #postagens h2{
	  font-family: 'Oswald', sans-serif;
	  font-size:40px;
	  color:#333;
	  font-weight:400;
	  padding:0 0 0 0.5%;
  } 
  
   #postagens h2 a{
	color:#333;
	text-decoration:none;
  } 
  
  .post-inicio{
	  width:50%;
	  float:left;
	  padding:0.5%;
	  overflow:hidden;
	  margin:0 0 20px 0;
  }
  
  .post-inicio .fakeImg {
    background: no-repeat center;
    background-size: cover;  
	width:100%;
	height:300px;
	float:left;
}
  
   .post-inicio img{
	   margin:0;
   }

    
  .texto-post{
	 background-color:#f5f5f5;
	 padding:5%;
	 float:left;
	 min-height:280px;
  }
  
   .texto-post-completo h3{
	font-size:50px !important;
}

   .texto-post-completo h5{
	   margin:-5px 0 20px 0 !important;
   }

  
  .texto-post-completo h6{
	float:left;
	border:1px solid #333;
	border-radius:5px;
	margin:0 5px 7px 0;
	padding:5px;
	font-weight:200;
	font-size:0.7em;
}

  


.titulo{
	font-weight:bold;
	font-size:20px;
}
  
  .texto-post-completo{
	 padding:2%;
  }
  
  #postagens h3{
	  font-family: 'Oswald', sans-serif;
	  font-size:24px;
	  color:#333;
	  font-weight:400;
  }
  
   #postagens h3 a{
	  color:#333;
	  text-decoration:none;
  }
  
  #postagens h4{
	  font-family: 'Roboto', sans-serif;
	  font-size:16px;
	  color:#333;
	  font-weight:400;
	  line-height:29px;
  }
  
   #postagens h7{
	  font-family: 'Roboto', sans-serif;
	  font-size:20px;
	  color:#333;
	  font-weight:400;
	  padding:2vw 0 1vw 0 !important;
  }
  
  #postagens h4 a{
	  color:#333;
	  text-decoration:none;
  }
  
   #postagens h5{
	  font-family: 'Roboto', sans-serif;
	  font-size:12px;
	  color:#333;
	  font-weight:400;
	  margin:10px 0;
  }
  
   #postagens h5 a{
	  color:#333;
	  text-decoration:none;
  }
  
   #menu-lateral{
	   padding:3% 0;
	   float:right;
	   width:17%;
   }
   
   #menu-lateral h2{
	  font-family: 'Oswald', sans-serif;
	  font-size:18px;
	  color:#333;
	  font-weight:400;
  }
  
   #menu-lateral h2 a{
	  color:#333;
	  text-decoration:none;
  }
  
  #divBusca{
  border:solid 1px #a8a8a8;
  border-radius:10px;
  width:100%;
  float:left;
  display:table;
  margin:0 0 20px 0;
}

#txtBusca{
  float:left;
  background-color:transparent;
  padding-left:5px;
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  border:none;
  width:80%;
  color:#a8a8a8;
  padding:4%;
}

  #divBusca img{
	width:15%;
	padding:3%;
	float:right;
}

.categorias{
	width:100%;
	border-radius:10px;
	padding:4%;
	font-family: 'Roboto', sans-serif;
    font-size:15px;
	margin:10px 0 20px 0;
	color:#8f8f8f;
	border:1px solid #a8a8a8;
}

.recentes {
	width:100%;
	margin:20px 0 0 0;
	float:left;
}

.recentes .fakeImg {
    background: no-repeat center;
    background-size: cover;  
	width:70px;
	height:70px;
	border-radius:10px;
	float:left;
	margin:0 10px 0 0;	
}

  .recentes h3{
	  font-family: 'Oswald', sans-serif;
	  font-size:15px;
	  color:#333;
	  font-weight:400;
  }
  
  .recentes h3 a{
	  color:#333;
	  text-decoration:none;
  }

 .recentes h5{
	  font-family: 'Roboto', sans-serif;
	  font-size:12px;
	  color:#333;
	  font-weight:400;
	  margin:10px 0;
  }
  
   .recentes h5 a{
	  color:#333;
	  text-decoration:none;
  }
  
	  
  
@media only screen and (max-width: 768px) {
	
	  .texto-post-completo h3{
	font-size:2em !important;
	line-height:1.2em;
	margin:0 0 10px 0;
	
}

 .texto-post-completo img{
	 width:100%;
 }
	
	#conteudo{
	  float:left;
	  width:100%;
	  padding:2% 1%;
  }
  
	 #postagens{
	  width:100%;
	  float:left;
	  padding:0 1%;
	  border-right:1px solid #efebeb;
  }
  
   #postagens h2{
	  font-family: 'Oswald', sans-serif;
	  font-size: 2em;
	  color:#333;
	  font-weight:400;
	  padding:0 0 0 0.5%;
  } 
  
    .post-inicio{
	  width:100%;
	  float:left;
	  padding:0.5%;
	  overflow:hidden;
	  margin:20px 0;
  }
  
  #menu-lateral{
	   padding:3% 0;
	   float:left;
	   width:100%;
   }
   
   
#txtBusca{
  float:left;
  background-color:transparent;
  padding-left:5px;
  font-family: 'Roboto', sans-serif;
  font-size:1em;
  border:none;
  width:80%;
  color:#a8a8a8;
  padding:4%;
}

  #divBusca img{
	width:13%;
	padding:3%;
	float:right;
}

.categorias{
	width:100%;
	border-radius:10px;
	padding:4%;
	font-family: 'Roboto', sans-serif;
    font-size:1em;
	margin:10px 0 20px 0;
	color:#8f8f8f;
	border:1px solid #a8a8a8;
}
   
   .recentes .fakeImg {
    background: no-repeat center;
    background-size: cover;  
	width:150px;
	height:150px;
	border-radius:10px;
	float:left;
	margin:0 10px 0 0;	
}

.recentes h3{
	  font-family: 'Oswald', sans-serif;
	  font-size:1.5em;
	  color:#333;
	  font-weight:400;
  }

 .recentes h5{
	  font-family: 'Roboto', sans-serif;
	  font-size:1em;
	  color:#333;
	  font-weight:400;
	  margin:10px 0;
  }
  
}