/* RELIGIOSOS */
.materiais { width: 100%; height: auto; position: relative; clear: both; overflow: hidden; }
.materiais ul { width: 100%; height: auto; padding: 0px 0px 30px 0px; position: relative; clear: both; overflow: hidden; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.materiais ul li { width: 48%; height: auto; margin: 0px 0px 15px 0px; background: #e7eae9; display: inline-block; vertical-align: top; overflow: hidden; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; padding: 15px 0px 15px 10px; }
.materiais ul li.listagem_simples { width:100%; margin-bottom:5px; }
.materiais ul li.listagem_simples .infos { width: 96%; padding: 0px 2%; }
.materiais ul li:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.materiais ul li .avatar { width: 120px; height: 120px; position: relative; overflow: hidden; vertical-align: top; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; background-color: #f4f6f8;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.materiais ul li .avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.materiais ul li .avatar.avatar_defunti img { filter: grayscale(100%); opacity: 0.7 }
.materiais ul li .avatar.avatar_defunti i { position:absolute; left: 6px; top: 6px; width: auto; z-index:10; color: var(--cor-secundaria); font-size: 20px; }
.materiais ul li .infos { width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -o-calc(100% - 150px); width: calc(100% - 150px); height: auto; margin: 0px; padding: 0px 0px 0px 20px; display: inline-block; vertical-align:top; position:relative; }
.materiais ul li .infos .nome_religioso { width: 100%; padding: 5px 0px 10px 0px; height: auto; line-height: 20px; color: var(--cor-primaria); font-size: 16px; font-family: var(--fonte-padrao); text-align: left; font-weight: 700; }
.materiais ul li .infos .dados_religoso { width: 100%; padding: 5px 0px 10px 0px; height: auto; font-weight: 500; color: var(--cor-secundaria); font-size: 14px; line-height: 20px; font-family: var(--fonte-padrao); text-align: left; border-top: #eaeaea 1px solid; }
.materiais ul li .infos .dados_religoso span { font-weight: 700; position:relative; display:inline-block; vertical-align:top; min-width: 75px; }
.materiais ul li .infos .dados_religoso a { font-weight: 500 !important; color: var(--cor-secundaria) !important; font-size: 14px !important; line-height: 20px !important; font-family: var(--fonte-padrao) !important;  }
.materiais ul li .infos .dados_religoso a:hover { text-decoration:underline; }

/*GOVERNO*/
.governo { width: 100%; height: auto; position: relative; clear: both; overflow: hidden; }
.governo ul { width: 100%; height: auto; padding: 0px 0px 30px 0px; position: relative; clear: both; overflow: hidden; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.governo ul li { width: 100%; height: auto; margin: 0px 0px 10px 0px; background: #f4f6f8; display: inline-block; vertical-align: top; overflow: hidden; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; padding: 15px 0px 15px 10px; }
.governo ul li:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.governo ul li .avatar { width: 200px; height: 200px; position: relative; overflow: hidden; vertical-align: top; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; background-color: #f4f6f8;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.governo ul li .avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.governo ul li .avatar.avatar_defunti img { filter: grayscale(100%); opacity: 0.7 }
.governo ul li .avatar.avatar_defunti i { position:absolute; left: 6px; top: 6px; width: auto; z-index:10; color: var(--cor-secundaria); font-size: 20px; }
.governo ul li .infos { width: -moz-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: -o-calc(100% - 250px); width: calc(100% - 250px); height: auto; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 20px; display: inline-block; vertical-align:top; position:relative; }
.governo ul li .infos .nome_religioso { width: 100%; padding: 5px 0px 10px 0px; height: auto; line-height: 20px; color: var(--cor-primaria); font-size: 16px; font-family: var(--fonte-padrao); text-align: left; font-weight: 700; }
.governo ul li .infos .dados_religoso .cargo_conselho { width: 100%; padding: 10px 0px 0px 0px; height: auto; line-height: 20px; color: var(--cor-primaria); text-decoration: underline; font-size: 14px; font-family: var(--fonte-padrao); text-align: left; font-weight: 700; }
.governo ul li .infos .dados_religoso { width: 100%; padding: 5px 0px 10px 0px; height: auto; font-weight: 500; color: var(--cor-secundaria); font-size: 14px; line-height: 20px; font-family: var(--fonte-padrao); text-align: left; border-top: #eaeaea 1px solid; }
.governo ul li .infos .dados_religoso span { font-weight: 700; position:relative; display:inline-block; vertical-align:top; min-width: 75px; }
.governo ul li .infos .dados_religoso a { font-weight: 500 !important; color: var(--cor-secundaria) !important; font-size: 14px !important; line-height: 20px !important; font-family: var(--fonte-padrao) !important;  }
.governo ul li .infos .dados_religoso a:hover { text-decoration:underline; }

/*FILTROS*/
.chama_materiais { width: 100%; height: auto; position: relative; clear: both; text-align: right; }
.categorias_filtros { width: 100%; height:auto; position: relative; margin: 15px 0px 40px 0px; }
.categorias_filtros ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: left; }
.categorias_filtros ul li { position: relative; display: inline-block; vertical-align: top; font-weight: 500; width: auto; margin: 0px 10px 0px 0px; color: var(--cor-primaria); font-size: 15px; font-family: var(--fonte-padrao); text-align: center; height: auto; padding: 10px 25px; line-height: 25px; background-color: #f4f6f8; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; overflow: hidden; }
.categorias_filtros ul li.ativo,.categorias_filtros ul li:hover { background: var(--cor-secundaria); color: #ffffff; font-weight: 700; }

/*FILTRO ADMIN*/
.filtro_admin { width: auto; height:auto; position: absolute; margin: 0px; right:0px; top: 35px; }
.filtro_admin ul { width: auto; height: auto; position: relative; list-style-type: none; text-align: right; }
.filtro_admin ul li { position: relative; display: inline-block; vertical-align: top; font-weight: 600; width: auto; margin: 0px 0px 0px 5px; background: #f4f6f8; color: var(--cor-primaria); font-size: 15px; font-family: var(--fonte-padrao); text-align: center; height: auto; padding: 5px 15px; line-height: 25px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; overflow: hidden; }
.filtro_admin ul li.ativo,.filtro_admin ul li:hover { color: var(--cor-primaria); background: var(--cor-destaque); }

@media screen and (max-width: 1100px) {
	.categorias_filtros { width: 100%; height:auto; position: relative; margin: 20px 0px 10px 0px; }
	.categorias_filtros ul { text-align: center; }
	.categorias_filtros ul li { margin: 3px; }

	/*RELIGIOSOS*/
	.materiais { width: 96%; padding: 0px 2%; }
	.materiais ul { justify-content: flex-start; gap: 20px; text-align: left; }
	.materiais ul li { width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); height: auto; display: inline-block; float: none; margin: 0px; padding: 15px 10px; box-sizing: border-box; text-align: left; position: relative; }
	.materiais ul li .avatar { width: 120px; height: 120px; }
	.materiais ul li .avatar img { width: 100%; height: 100%; }
	.materiais ul li .infos { width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px); width: -o-calc(100% - 140px); width: calc(100% - 140px); margin: 0px; padding: 0px 0px 0px 15px; }
	.materiais ul li .infos .nome_religioso,
	.materiais ul li .infos .dados_religoso { width: 100%; }
	.materiais ul li .infos .nome_religioso { line-height: 18px; font-size: 14px; }
	.materiais ul li.listagem_simples { width: 100%; }
	.materiais ul li.listagem_simples .infos { width: 100%; padding: 0px; }
	.materiais ul li .infos .dados_religoso span { min-width: 0px; display: block; }

	/*GOVERNO*/
	.governo ul { justify-content: flex-start; }
	.governo ul li { padding: 15px 10px; box-sizing: border-box; text-align: left; }
	.governo ul li .avatar { width: 160px; height: 160px; }
	.governo ul li .infos { width: -moz-calc(100% - 180px); width: -webkit-calc(100% - 180px); width: -o-calc(100% - 180px); width: calc(100% - 180px); margin: 0px; padding: 0px 0px 0px 20px; }
}
@media screen and (max-width: 600px) {
	/*RELIGIOSOS*/
	.materiais ul { gap: 15px; }
	.materiais ul li { width: 100%; margin: 0px; }
	.materiais ul li .avatar { width: 100px; height: 100px; }
	.materiais ul li .infos { width: -moz-calc(100% - 115px); width: -webkit-calc(100% - 115px); width: -o-calc(100% - 115px); width: calc(100% - 115px); padding: 0px 0px 0px 15px; }

	/*GOVERNO*/
	.governo ul { gap: 15px; }
	.governo ul li { width: 100%; margin: 0px; }
	.governo ul li .avatar { width: 110px; height: 110px; display: block; margin: 0px 0px 12px 0px; }
	.governo ul li .infos { width: 100%; margin: 0px; padding: 0px; }
	.governo ul li .infos .nome_religioso { line-height: 18px; font-size: 14px; }
	.governo ul li .infos .dados_religoso span { min-width: 0px; display: block; }
}