section { background-color: #ffffff; padding: 0px 0px 30px 0px; }

/*TÓPICOS*/
.topicos { width: 48%; height: auto; position: relative; margin: 0px 1.5% 50px 0px; display: inline-block;  vertical-align: top; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.topicos .nome_padre { width: 100%; height: auto; position: relative; color: var(--cor-primaria); font-size: 24px; line-height: 28px; letter-spacing: -1px; font-family: var(--fonte-padrao); font-weight: 700; text-align: left; padding: 0px 0px 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:block; }
.topicos .nome_padre p { width: 100%; position: relative; height: auto; font-size: 14px; font-weight: 700; text-align: left; color: var(--cor-texto); line-height: 20px; letter-spacing: 0px; }
.topicos .conteudo { width: 100%; display: inline-block; vertical-align: top; position: relative; height: auto; font-size: 15px; font-weight: 700; text-align: left; color: var(--cor-texto); line-height: 22px; }
.topicos .conteudo .avatar { width: 225px; height: auto; float: left; position: relative; opacity: 1;  background-color: #f4f6f8; margin: 0px 20px 20px 0px;  overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.topicos .conteudo .avatar:before { content:''; position:absolute; width:100%; height:100%; left:0px; top:0px; background: rgb(135,73,39,0.5); z-index:9 }
.topicos .conteudo .avatar img { width: 100%; height: auto; display: block; position: relative; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.topicos .conteudo p { width: 100%; position: relative; height: auto; padding-bottom: 25px;font-size: 18px; font-weight: 700; text-align: left; color: var(--cor-texto); line-height: 24px; }
.topicos .conteudo p a, .topicos .conteudo a { text-decoration:underline; color:var(--cor-texto); }
.topicos .conteudo .frase { width: 100%; height: auto; position: relative; color: var(--cor-texto); font-size: 13px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 400; text-align: left; padding: 20px 0px 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:block; }

@media screen and (max-width: 1024px) {
	.topicos .conteudo .avatar { margin: 15px 0px 20px 0px; float: none; width:100%; }
}