#recursos-categorias {
display: flex;
padding-top: 8px;
padding-bottom: 3em;
flex-wrap: wrap;
border-top: solid 0px #323232;
}

.filter_recursos_clean {
background: #323232;
padding: 4px 16px 4px 16px;
border: 1px solid #323232;
border-radius: 25px;
margin-right: 8px;
margin-bottom:8px;
color: #FDFFF6;
cursor: pointer;
font-weight: 500;
font-size: 13px;
}

.filter_recursos {
background: transparent;
padding: 4px 16px 4px 16px;
border: 1px solid #323232;
border-radius: 25px;
margin-right: 8px;
margin-bottom:8px;
color: #323232;
cursor: pointer;
font-weight: 500;
font-size: 13px;
}

.filter_recursos:hover, .filter_recursos_clean:hover {
background: #323232;
color: rgb(247, 243, 237);
}

.filter_recursos.selected {
color: rgb(247, 243, 237);;
background: #323232;
}

#recursos-wrapper {
display: flex;
margin: 0;
padding: 0;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: row;
align-items: flex-start;
}

.recurso-element {
list-style: none;
background-color: #FDFFF6;
border-radius: 25px;
padding: 1em;
width: 100%;
margin-right: 2%;
margin-bottom: 3em;
/*box-shadow: 0px 0px 0px 0px #323232;
transition: box-shadow 0.3s ease-in-out;*/
}

/*.recurso-element:hover {
	box-shadow: 0px 4px 8px 0px rgb(247, 243, 237);;
}*/

.recurso-title a {
font-family: "Woodland", Sans-serif;
font-size: 32px;
color: #323232;
line-height: 1em;
}

.recurso-categorias {
font-weight: 300;
color: #323232;
padding: 1em 0;
font-style: italic;
font-size: 14px;
}

.recurso-description {
font-weight: 300;
color: #323232;
margin-bottom: 2em;
}

.recurso-tipos {
margin-top: 1em;
margin-bottom: 1em;
}

.recurso-tipo {
border-radius: 50px; 
font-size: 13px; 
font-weight: 400; 
color:#323232; 
background: rgb(247, 243, 237);
padding: 1em 2em;
}

.recurso-tipo:hover {
color:rgb(247, 243, 237);
background: #323232;
border: solid 1px rgb(247, 243, 237);
}

@media (max-width: 801px) {
	
	.recurso-element {
	width: 48%;
	}
}

@media (max-width: 480px) {
	
	#recursos-wrapper {
	flex-direction: column;
	}
  
	.recurso-element {
	width: 100%;
	}
}