:root {
    --main-text-color: #333;
	--text-color-gray: #666;
	--link-hover-color: #FAC203;
	--primary-color: #5CA257;
	--my-red-color: #AB1216;
	--primary: #5CA257;
	--bg-footer-color: #666666;
	--bg-card-footer-color: #737373;
	--cor-bg-footer-card-title: #5CA257;
	--cor-footer-card-title: #FFF;
	--cor-footer: #FFF;
	--cor-bg-hover: #333333;
}

*{
	font-family: "Open Sans", sans-serif;
	color: var(--main-text-color);
}

.menu-acessibilidade {
	padding: 10px 0;
    background-color: #EEEEF7;
    border-top: 5px solid #054C5D;
	background-color: #EEEEF7;
}

.menu-acessibilidade  a{
	font-weight: 600;
	font-size: 12px;
	color: var(--text-color-gray);
	margin-left: 35px;
}

.menu-acessibilidade a.float-right i {
    font-size: 1.5em;
    margin-top: 3px;
    float: left;
    margin-right: 5px;
}

.link-pt{
	display: inline-block;
	padding: 2px;
}

.menu-acessibilidade  a:first-child{
	margin-left: 0px;
}

.menu-acessibilidade  a strong{
	padding: 3px 6px;
    display: inline-block;
    background-color: var(--text-color-gray);
    color: #FFF;
    margin-right: 5px;
	font-weight: 600;
}

.menu-acessibilidade  a:hover{
	color: var(--link-hover-color);
	
}

.menu-acessibilidade a.float-right i, 
.menu-acessibilidade a.float-right span{
	color: var(--text-color-gray);
}

.menu-acessibilidade a.float-right:hover span{
	color: var(--link-hover-color);
}

.header-inner {
    background: rgba(0,0,0,0) url("../pics/bg_header.png") no-repeat center center;
    padding: 30px 0;
}

.logo_sisepi_camara a {
	background: rgba(0,0,0,0) url("../pics/logo_sisepi_camara.png") no-repeat scroll 0 0 / contain;
	display: block;
	text-indent: -99999px;
	height: 102px;
}

.header-top-menu{
	background-color: #054C5D;;
	border-bottom: solid 5px #585858;;
}

.header-social-nav{
	min-height: 102px;	
}

.header-social-nav a {
    display: flex;
    align-items: center;
    height: 100%;
    color: inherit; /* Preserve a cor original */
    text-decoration: none; /* Remove sublinhado */
	font-size: 35px;	
}

.header-social-nav a i{
	color: #054C5D;
}

.page-header{
    padding: 15px 0;
    background-color: #f5f5f5;
    border-top: 6px solid var(--my-red-color);
}

.page-header h2,
.page-header h3{
	color: #666;
	font-size: 28px;
	font-weight: 300;
}

.main-footer {
    background-image: url("../pics/bg_footer.png"); /* Nome da sua imagem */
    background-size: contain; /* <<< A MUDANÇA PRINCIPAL ESTÁ AQUI */
    background-position: center center; /* Alinha a imagem ao centro */
    background-repeat: no-repeat; /* Impede a repetição */
    padding: 30px 0;
    color: #fff;
    background-color: #e6e7e9; /* Cor de fundo para preencher o espaço vazio */
}

.rgsites-card-footer {
	background-color: var(--bg-card-footer-color);
	border-radius: 12px 10px 10px 12px;
	color: var(--fonte-branca);
	display: flex;
	min-height: 148px;
	width: 100%;
}

.rgsites-card-footer .rgsites-card-title {
	background-color: #054C5D;
	border-radius: 10px 0 0 10px;
	position: relative;
	width: 40px;
}

.rgsites-card-footer .rgsites-card-title p {
	color: var(--cor-footer-card-title);
	font-size: 16px;
	font-weight: 600;
	left: 50%;
	position: absolute;
	text-transform: uppercase;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	white-space: nowrap;
}

.rgsites-card-footer .rgsites-card-content {
	color: var(--cor-footer);
	align-items: baseline;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	padding: 0 30px;
}

.rgsites-card-footer .rgsites-card-content p {
	color: var(--cor-footer);
	font-size: 14px;
}

.rgsites-card-footer .rgsites-card-content small{
	color: var(--cor-footer);
}

.rgsites-card-footer .rgsites-card-content a{
 	color: var(--cor-footer);	
}

.rgsites-card-footer .rgsites-card-content a:hover,
.rgsites-card-footer .rgsites-card-content a:active {
	color: var(--cor-bg-hover);
	text-decoration: none;
}
  

/* 
 ============================================================================
 As regras abaixo são reescritas do Bootstrap.
 
 Estas modificações foram feitas para adaptar o estilo padrão do Bootstrap
 às necessidades específicas do projeto. É importante que qualquer
 desenvolvedor futuro esteja ciente dessas mudanças para evitar conflitos
 e garantir a consistência do design.

 Por favor, revise cuidadosamente antes de fazer alterações adicionais 
 para garantir que não haja impactos indesejados no estilo do site.
 ============================================================================
 */
.navbar-dark .navbar-nav .nav-link{
	color: #FFF
}

.navbar-brand span{
	display: none;
}

.header-top-menu .container .navbar{
	margin-left: -15px;
	margin-right: -15px;
}

/* Estilos específicos para dispositivos com largura menor que 992px */
@media (max-width: 991px) {

	.logo-footer {
		padding-right: 90px;
		padding-left: 90px;
	}

	.dropdown.show{
		background-color: #498145;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.dropdown-menu{
		background-color: #498145;
		border: none;
	}

	a.dropdown-item{
		color: #FFF;
	}

	a.dropdown-item:hover{
		background-color: #498145;
		color: var(--link-hover-color);
	}

	a.dropdown-item i{
		color: #FFF;
	}

	.navbar-dark .navbar-toggler {
		color: #FFF;
		border-color: #498145;		
	}

	.navbar-dark .navbar-toggler:focus, 
	.navbar-dark .navbar-toggler:active{
		background-color: #498145;		 
	}

	

}


/* Estilos específicos para dispositivos com largura mínima de 992px, Telas Grandes de PCs e TVs*/
@media (min-width: 992px) {

	.header-top-menu .container .navbar ul li:first-child{
		margin-left: -25px;
	}

	.header-top-menu {
		position: absolute;
		width: 100%;
		z-index: 500;
		margin-top: 171px;
	}

	.header-inner{
		min-height: 233px;
	}

	.logo-footer {
		padding-right: 60px;
		padding-bottom: 30px;
	}

	.navbar{
		margin-left: -30px;
		margin-right: -30px;
	}

	.nav-link{
		font-size: 20px;		
	}

	.nav-item.dropdown.show .nav-link.dropdown-toggle::before {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: rgba(0, 0, 0, 0) linear-gradient(135deg, #f9fafb 51%, transparent 51%) repeat scroll 0 0;
		border-color:#D9D9D9;
		border-image: none;
		border-style: solid;
		border-width: 1px 0 0 1px;
		bottom: -8px;
		content: "" !important;
		height: 14px;
		left: calc(50% - 7px);
		position: absolute;
		transform: rotate(45deg);
		width: 14px;
		z-index: 1030; /* Substitua @zindex-navbar-fixed pelo valor desejado */
	}

	.dropdown-menu{
		background-color: #f9fafb;
		border-radius: 0;
		margin-top: 0;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
		box-shadow: 0 6px 12px rgba(0,0,0,0.175);
		background-clip: padding-box;
	}
	
	.dropdown-menu.show{
		padding: 20px 05px;
	}
	
	.dropdown-item, .dropdown-item i{
		color: var(--text-color-gray);
	}
	
	
	.dropdown-item:focus, .dropdown-item:hover {
		text-decoration: underline;
		background-color: transparent;
		color: var(--primary-color);
	}
	
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}