/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

:root{
--cor-principal-escuro: #024873 !important;
--cor-secundario-medio: #23A5D9 !important;
--cor-terciario-claro: #91CCD9 !important;
--font-principal: 'Gilroy' !important;
}

/*Barra de Navegação*/

#modal-1-content .wp-block-navigation__container {
    /*justify-content: flex-end;*/
}

.menu-header-EFPC{
    position: fixed;
    z-index: 99999;
    color: var(--cor-principal-escuro);
    margin: 0 !important;
    top: 0;
    width: 100%;
    padding: 0 !important;
    left: 0;
    padding: 15px !important;
    box-sizing: border-box;
}

#modal-1-content .wp-block-navigation__container > li:first-child{
    flex: 1;
}


.menu-padrao{
	color: var(--cor-principal-escuro);
	font-family: var(--font-principal);
}
.menu-padrao button:hover, .menu-padrao a:hover{
	color: var(--cor-secundario-medio);
	text-decoration: underline;
}


.menu-in-padrao:hover, a:hover{
    color: var(--cor-secundario-medio) !important;
}
.wp-block-navigation-submenu .wp-block-navigation-item__label:hover{
    color: var(--cor-secundario-medio) !important;
	text-decoration: underline!important;
}
.wp-block-navigation-submenu__toggle:focus{
    color: #000 !important;
}

.menu-padrao button:focus{
	color: inherit !important
}


.menu-padrao button:focus{
	color: inherit !important
}
.menu-form-participante{
    font-size: 17px !important;
    font-family: var(--font-principal);
}
.menu-form-participante a{
    color: white !important;
    background: var(--cor-principal-escuro);
    border-radius: 5px;
    padding:10px 20px !important;
}
.menu-form-participante a:hover{
    text-decoration: none !important;
    background: var(--cor-secundario-medio);
}

/*
 * menu alterações cristovam
 * após atualização WordPress e tema Twenty-Twenty-Two
*/

.wp-block-navigation__responsive-close {
    max-width: initial;
}

.wp-block-navigation .wp-block-navigation-item__content {
    color: inherit;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: inherit;
}


/*Menu de navegação mobile*/

@media(max-width: 900px){
    .elementor-kit-15 button{
            color: var(--cor-principal-escuro);
            margin-right: 5%;
        
    }
        .elementor-kit-15 button:hover{
            color: black;
        
    }
    
}
@media screen and (max-width: 900px){
.menu-in-padrao{
    text-transform: uppercase;
    font-weight: 600;
    line-height: 2px;
    }
.submenu-padrao{
    text-transform: capitalize;
    font-weight: 400;
    line-height: 30px;
}
}



/*Imagens Logo*/
#modal-2-content .smush-detected-img {
    box-shadow:none;
}
.has-background-background-color .wp-image-2026 {
	box-shadow:none;
}
.e-page-transition--entering .e-page-transition--preloader {
	box-shadow:none;
}
.smush-detected-img{
    box-shadow:none;
}
@media screen and (min-width: 800px) {
    .smush-detected-img {
        transition: all .2s ease;
    }
}



/*Slides/Imagens iniciais*/

.titSlide{
    margin-top: 80px;
}


/*------Modal Login---------*/
/* caixas */
/*BotaoLogin*/

.overlayEFPC{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}
.modalContainer{
    width: 400px;
    height: 500px;
    background-color: white;
    margin: 0 auto;
    position: relative;
    top: 150px;
}
.modalHeader{
    background-color: var(--cor-secundario-medio);
    position: relative;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    margin-bottom:25px
}
/* fechar */
.modalCloseLog{
    padding: 20px;
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 24px;
    color: var(--cor-principal-escuro);
    font-family: 'Titillium Web';
}
.modalCloseLog:hover{
    color: var(--cor-terciario-claro);
    cursor: pointer;
}
/* titulo */
.titLogCampo{
    font-family: var(--font-principal);
    border: none;
    cursor: pointer;
    font-size: 36px;
    color: var(--cor-secundario-medio);
    text-align: center;
}
/* login */
.campo{
    text-align: center;
}
.campoLogin{
    margin-top: 30px;
    font-size: 20px;
    margin: 30px
}
fieldset.fieldLogin, fieldset.fieldSenha{
    padding: 10px!important;
}
fieldset.fieldLogin{
margin-bottom: 20px;
}
.login , .senha{
    text-align: left;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 16px;
    box-sizing: border-box;
}
.input-log{
    height: 40px;
    width: 100%;
    border: 1px solid transparent;
    outline: transparent;
    padding: 0px 10px !important;
    box-sizing: border-box;
}
/* botõesModal */
.modalContainer .botLogPart{
    background-color: var(--cor-principal-escuro);
    color: white;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    padding: 12px 36px;
    margin: 20px 0px 10px;
    cursor: pointer;
    font-family: var(--font-principal);
}
.modalContainer .botLogPart:hover{
    color: var(--cor-principal-escuro);
    background-color: #fff;
    border: 2px solid var(--cor-principal-escuro);
}


/*FooterLogin*/
.modalContFooter{
    width: 100%;
    height: 16px;
    background: var(--cor-principal-escuro);
    position: absolute;
    bottom: 0;    
}
.esqSenha{
    color: #415364;
    font-size: 15px;
    margin-top: 15px;
}
.esqSenHome{
    color: var(--cor-terciario-claro);
    text-decoration: underline !important;
}

/*Modal Esqueci senha*/

/* titulo */
.titLogCampo{
    font-family: var(--font-principal);
    border: none;
    cursor: pointer;
    font-size: 36px;
    color: var(--cor-secundario-medio);
    text-align: center;
    display: block;
}
/* login */
.campo{
    text-align: center;
}
.esqSenhaPart{
    margin-top: 30px;
    font-size: 20px;
    margin: 30px;
    text-align: center
}
fieldset.esqSenhafield, fieldset.fieldSenha{
    padding: 10px!important;
}
fieldset.esqSenhafield{
    margin-bottom: 20px;
}
.overlayEFPC fieldset{
    text-align: left;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 16px;
    box-sizing: border-box;
}
.input-log-esq{
    height: 40px;
    width: 100%;
    border: 1px solid transparent;
    outline: transparent;
    padding: 0px 10px !important;
    box-sizing: border-box;
}
/* botõesModal */
.modalContainer .botEsqSenha{
    background-color: var(--cor-principal-escuro);
    font-family: var(--font-principal);
    color: white;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    padding: 12px 36px;
    margin: 20px 0px 10px;
    cursor: pointer;
}
.modalContainer .botEsqSenha:hover{
    color: var(--cor-principal-escuro);
    background-color: #fff;
    border: 2px solid var(--cor-principal-escuro);
}

#modaEsqueciSenha .modalContainer{
    height: 550px;
    width: 500px;
}


/*/*----------------Links login/*----------------*/
.textoInfor{
    font-size: 12px;
}


/*POSTS*/

.wp-block-separator {
    display: none !important;
} /*separador rodapé*/

.wp-block-separator {
    display: none !important;
} /*separador imagem*/

.wp-block-post-title{
    display: none !important;
} /*titulo*/

.wp-block-post-date, .wp-block-post-author, .taxonomy-category, .wp-block-post-terms{
    display: none !important;
} /*autor, mes, categoria*/


/*FOOTER*/
.footerPagSite {
    display: flex;
    justify-content: center;
    flex: 1;
    width: 100% !important;
}
@media (max-width: 900px){
.wp-image-19576{
	width: 50%;
	margin-left: 25%;
}
.wp-image-19336{
	width: 45%;
	margin-left: 25%;
}
.img-previc{
    width: 27% !important;
	margin-left: 35% !important;
}
}
@media (min-width: 900px) and (max-width: 1180px) {
    .wp-image-19576{
    	width: 30%;
    }
    .wp-image-19336{
    	width: 27%;
    	margin-left: 35%;
    }
    .img-previc{
        width: 27% !important;
    	margin-left: 35% !important;
    }
}

/*Pág Atendimento ao Participante*/
.canaisQuadros > div {
    position: relative;
	display: flex;
	flex-direction: column;
}
.tituloCanais{
    margin-top: 7rem;
}

/*Transição - Downloads*/
.e-page-transition--exiting {
visibility: hidden !important;
}

/*Tabelas*/
.tabcontribuicao{
    margin-left: 10% !important;
}
.tabDuv{
    border: 1px solid #23A5D9;
    text-align: center;
    margin: 20px 0px 20px 30%;
    color: #415364;
}
.titLinDuv{
    background: #23A5D9 ;
}
.titColDuv{
    color: #FFF;
    padding: 5px 20px 5px 15px;
    font-weight: 600;
}
.colDuv{
    padding: 10px;
}
.result{
    font-weight: 600
}
.tabela{
    margin-top: 35px;
    width: 90%;
}

/*= Geral ===================== */

/** Geral >> Wp skip link target elementor element cf6f23f **/
#wp--skip-link--target .elementor-element-cf6f23f {
	margin-top: 0 !important;
}

/** Geral >> Botaocomo **/
#botaocomo {
	padding-top: 50px !important;
	padding-right: 20px !important;
	padding-bottom: 25px !important;
}

/** Geral >> Has background background color wp container 11 **/
.has-background-background-color .wp-container-11 {
	width: 100% !important;
	margin-right: 60% !important;
	margin-left: 30% !important;
}

/** Geral >> Has background background color wp container 12 **/
.has-background-background-color .wp-container-12 {
	width: 80% !important;
	margin-left: 50px !important;
}

/** Geral >> Wp container 14 wp container 13 **/
.wp-container-14 .wp-container-13 {
	margin: 0 !important;
}

/** Geral >> Has background background color has text align center **/
.has-background-background-color .has-text-align-center {
	width: 100% !important;
	margin-right: 60% !important;
	margin-left: 28% !important;
}

/** Geral >> Modal 2 content wp block navigation container **/
#modal-2-content .wp-block-navigation__container {
	width: 80% !important;
}

/** Geral >> Is vertically aligned center wp container 10 _2 **/
.is-vertically-aligned-center .wp-container-10 {
	width: 100% !important;
}

/** Geral >> Wp container 4 wp container 1 **/
.wp-container-4 .wp-container-1 {
	
}
.part * {
	margin: 5px 30px !important;
	padding: 0 !important;
}
.part {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	-webkit-justify-content: right !important;
	justify-content: right !important;
	-webkit-align-items: right !important;
	align-items: right !important;
}
.part ul {
	list-style: none !important;
}
.part ul li {
	width: 170px !important;
	height: 50px !important;
	line-height: 35px !important;
	text-align: center !important;
	float: right !important;
	position: relative !important;
	font-weight: bold !important;
}
.part ul li:hover {
	background: white !important;
	height: 300px !important;
}
.part ul ul {
	display: none !important;
}
.part ul li:hover>ul {
	display: block !important;
}
.titLog {
	font-size: 18px !important;
	color: #0088D2 !important;
	width: 250px !important;
}
.login, 
.senha {
	color: #293756 !important;
	font-size: 16px !important;
}
.inpLog {
	width: 250px !important;
	height: 30px !important;
	border: 1px solid #293756 !important;
}
.botLog {
	width: 90px !important;
	height: 40px !important;
	font-size: 16px !important;
	font-family: Helvetica, sans-serif !important;
	font-weight: bold !important;
	color: white !important;
	background-color: #293756 !important;
	border-radius: 5px !important;
	text-align: center !important;
	font-weight: 600 !important;
	margin-top: 20px !important;
}
.botLog:hover {
	background-color: white !important;
	color: #293756 !important;
	border: 2px solid #293756 !important;
	border-radius: 5px !important;
}
.dp-login {
	border: 1px solid black !important;
	margin-left: -100px !important;
	padding-right: 370px !important;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}

/** Geral >> Part unordered list **/
.part > ul {
	object-fit: none !important;
	margin-top: 50px !important;
	margin-bottom: -50px !important;
	margin-left: 1100px !important;
}

/** Geral >> Wp skip link target wp block post title **/
#wp--skip-link--target .wp-block-post-title {
	font-family: Google fonte... !important;
	font-family: 'Titillium Web' !important;
}

/** Geral >> Wp skip link target wp block post content **/
#wp--skip-link--target .wp-block-post-content {
	font-family: Google fonte... !important;
	font-family: 'Titillium Web' !important;
}


/*( < 1200 )*/
@media (max-width: 1199.98px) {
	/** Geral >> Part unordered list **/
	.part > ul {
	margin-left: 680px !important;
}

	/** Geral >> Is vertically aligned center paragraph **/
	.is-vertically-aligned-center p {
	margin-left: -70px !important;
}

}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** Geral >> Part unordered list **/
	.part > ul {
	margin-left: 530px !important;
}

	/** Geral >> Is vertically aligned center paragraph **/
	.is-vertically-aligned-center p {
	margin-left: -81px !important;
}

	/** Geral >> Wp container 12 wp container 9 **/
	.wp-container-12 .wp-container-9 {
	margin-left: 0 !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Geral >> Part unordered list **/
	.part > ul {
	margin-left: 380px !important;
}

	/** Geral >> Is vertically aligned center paragraph **/
	.is-vertically-aligned-center p {
	margin-left: -105px !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Geral >> Part unordered list **/
	.part > ul {
	margin-left: 90px !important;
}

	/** Geral >> Wp container 12 wp container 9 **/
	.wp-container-12 .wp-container-9 {
	margin-left: -6px !important;
}

	/** Geral >> Is vertically aligned center paragraph **/
	.is-vertically-aligned-center p {
	text-align: center !important;
	margin-left: -134px !important;
}

}