/* ---- Estilização para PC ---- */
.sub-menu {
	background: url('https://iecers.org/wp-content/uploads/2025/02/verso.png') no-repeat center center;
	background-size: cover;
	padding: 10px;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

.sub-menu li {
	padding: 5px 10px;
}

.sub-menu li a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.sub-menu li a:hover {
	color: #FFD700;
}

/* ---- Estilização para Mobile ---- */
@media screen and (max-width: 768px) {
	/* Faz todos os itens do menu (incluindo submenus) ficarem como uma única lista */
	.menu {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0;
	}
	
	/* Todos os itens e subitens terão o mesmo alinhamento e estilo */
	.menu li, .sub-menu li {
		width: 120%;
		padding: 0;
		list-style: none;
		border-bottom: 1px solid #ddd;
		text-align: left;
	/* Alinhamento à esquerda */
	}
	
	/* O submenu será tratado como parte do menu normal */
	.sub-menu {
		display: block !important;
		position: static;
		background: none !important;
		padding: 0;
		width: 100%;
		box-shadow: none;
	}
	
	/* Deixar todos os links com o mesmo estilo */
	.menu li a, .sub-menu li a {
		color: black !important;
		font-size: 14px;
	/* Tamanho da fonte */
		text-decoration: none;
		display: block;
		width: 100%;
	/* Ajuste no tamanho do link */
		font-family: 'Archivo Narrow', sans-serif;
	/* Fonte customizada */
	}
	
	/* O item pai apenas terá a fonte preta, sem distinção de estilo */
	.menu-item-has-children > a {
		color: black !important;
		font-weight: 300;
	}
	
	/* Submenu alinhado à esquerda (no celular) */
	.sub-menu li {
		padding-right: 10px;
	/* Alinha os subitens mais à esquerda */
	}
}

/* Adicionar a fonte Archivo Narrow do Google Fonts */
/* Remover Posts */
.recent-posts {
	display: none;
}

/* Background estatico */
strong, b {
	color: #2f2f2b !important;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: url('https://iecers.org/wp-content/uploads/2025/02/verso.png') no-repeat center center;
	background-size: cover;
	z-index: -1;
}

/* cor botão */
button, 
input[type="submit"], 
input[type="button"], 
.wp-block-button__link, 
.button, 
.btn {
	background-color: #fad806 !important;
/* Cor de fundo do botão */
	color: !important;
/* Cor do texto do botão */
	border: none !important;
	padding: px;
	border-radius: 5px;
	transition: background-color .3s ease-in-out;
}

/* Menu Color */
#site-navigation a, 
.main-navigation a, 
.menu a, 
.nav-menu a, 
.primary-menu a {
	color: green !important;
/* Cor padrão do menu */
	transition: color .3s ease-in-out;
/* Suaviza a transição */
}

/* Quando passar o mouse, a cor muda */
#site-navigation a:hover, 
.main-navigation a:hover, 
.menu a:hover, 
.nav-menu a:hover, 
.primary-menu a:hover {
	color: black !important;
/* Cor ao passar o mouse */
}

/* Altera todas as bordas para transparente */
* {
	border-color: transparent !important;
}

/* Altera a cor do texto apenas para o elemento com a classe "site-description" */
.site-description {
	color: #ffffff;
/* Altere "#008000" para a cor desejada */
}

/* Altera a cor do texto dos links do menu */
.menu-item a {
	color: #000000;
/* Altere para a cor desejada */
	text-decoration: none;
/* Remove o sublinhado dos links */
}

#site-navigation .dropdown-menu .sub-menu {
	background: url('https://iecers.org/wp-content/uploads/2025/02/verso.png') no-repeat center center !important;
	background-size: cover !important;
}

/* Desativa o tema escuro */
@media (prefers-color-scheme: dark) {
	body {
		background-color: #ffffff !important;
		color: #000000 !important;
	}
}

/* Estilo para checkboxes */
input[type="checkbox"] {
	border: 2px solid black !important;
	border-radius: 4px !important;
/* Opcional: deixa as bordas arredondadas */
	padding: 5px !important;
}

/* Estilo para botões de opção (radio buttons) */
input[type="radio"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border: 2px solid black !important;
	border-radius: 50% !important;
/* Deixa o formato circular */
	width: 16px !important;
	height: 16px !important;
	position: relative !important;
	cursor: pointer !important;
}

/* Permite o clique, mas bloqueia arrastar e copiar */
img {
	pointer-events: auto !important;
/* permite cliques e links funcionarem */
/* Safari/Chrome */
/* Safari/Chrome */
/* Firefox */
/* Edge antigo */
}

document.addEventListener(DOMContentLoaded, function() {
}	
}

);




document.addEventListener(DOMContentLoaded, function() {
}	
}

);


img {
}

/* Estilo base para todos os campos */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="file"],
input[type="tel"],
select,
textarea {
	width: 100%;
	padding: 8px 12px;
	border: 2px solid #007a33;
/* cor da borda principal */
	border-radius: 6px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	background-color: #fff;
	color: #000;
	transition: border-color .3s ease, box-shadow .3s ease;
}

/* Borda ao passar o mouse */
input:hover,
select:hover,
textarea:hover {
	border-color: #00b84d;
/* tom mais claro */
}

/* Destaque quando o campo é selecionado (focus) */
input:focus,
select:focus,
textarea:focus {
	border-color: #f4c700;
/* amarelo IECE */
	box-shadow: 0 0 6px rgba(244, 199, 0, 0.6);
	outline: none;
/* remove o contorno padrão do navegador */
}

/* Campos desabilitados */
input:disabled,
select:disabled,
textarea:disabled {
	background-color: #f5f5f5;
	border-color: #ccc;
	color: #777;
	cursor: not-allowed;
}

/* Campos obrigatórios */
input:required,
select:required,
textarea:required {
	border-left: 4px solid #ffb800;
/* faixa lateral indicando obrigatório */
	padding-left: 10px;
}

/* Textarea específico */
textarea {
	resize: vertical;
/* permite redimensionar apenas na vertical */
	min-height: 80px;
}

/* Ocultar autores dos posts */
.author,
.post-author,
.byline,
.entry-author,
.meta-author,
span.author,
div.author,
p.author {
	display: none !important;
	visibility: hidden !important;
}

/* Ocultar autores apenas nos posts */
.single-post .author,
.single-post .byline,
.single-post .entry-author {
	display: none !important;
}

/* Ocultar navegação entre posts (anterior / próximo) */
.post-navigation,
.nav-links,
.nav-previous,
.nav-next,
.single-post .post-navigation,
.single-post .nav-links,
.single-post .nav-previous,
.single-post .nav-next {
	display: none !important;
	visibility: hidden !important;
}