:root {
    --primeira-cor: #DD6F48;
    --segunda-cor: #31505B;
    --terceira-cor: #F8E3CE;
    --quarta-cor: #4F5350;
    
    --bs-primary-rgb: 220, 109, 71; /* #DD6F48 (primeira-cor) */
}

.btn-primary {
    --bs-btn-color: #F8E3CE;
    --bs-btn-bg: #DD6F48;
    --bs-btn-border-color: #DD6F48;
    --bs-btn-hover-color: #F8E3CE;
    --bs-btn-hover-bg: #d35327;
    --bs-btn-hover-border-color: #DD6F48;
    /*--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
    --bs-btn-active-color: #F8E3CE;
    --bs-btn-active-bg: #DD6F48;
    --bs-btn-active-border-color: #DD6F48;
    /*--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
    --bs-btn-disabled-color: #F8E3CE;
    --bs-btn-disabled-bg: #DD6F48;
    --bs-btn-disabled-border-color: #DD6F48;
}

html, body {
	height: 100%;
	scroll-padding-top: 6.5rem; /* altura da navbar */
}

/*
 * CORPO
 */
.layout-main {
	margin-top: 6.5rem;
    min-height: calc(100vh - 140px);
}

.layout-main img {
	border-bottom-style: solid;
	border-bottom-width: thick;
    border-color: var(--primeira-cor);
}


/**
 * Cartões (cards) da página inicial
**/ 
.layout-main .fe-cartao .fe-card-claro .border {
	border-style: solid !important;
	border-width: thin !important;
	border-color: black !important;
}

.layout-main .fe-cartao .fe-card-escuro h2 {
	color: var(--primeira-cor);
}

 .btn-fe-outlilne-escuro:hover {
 	background-color: var(--segunda-cor) !important;
	color: var(--primeira-cor) !important;
	border-color: var(--primeira-cor) !important;
 }
.btn-fe-outlilne-claro {
	color: var(--segunda-cor) !important;
	border-color: var(--segunda-cor) !important;
}
.btn-fe-outlilne-claro:hover {
	background-color: var(--primeira-cor) !important;
}


/*
 * HEADER
 */
 .fe-header .navbar {
    background-color: var(--segunda-cor) !important;
 }
 
 .fe-header .navbar-nav .nav-item:hover {
    background-color: #000; /* Cor de fundo quando passar o mouse */
    border-bottom-style: solid;
    border-color: var(--primeira-cor);
    transition: background-color 0.3s ease; /* Efeito suave na mudança de cor */
}

.fe-header .navbar-nav .nav-item {
	padding: 1.5rem 0.5rem;
	font-family: courier new, courier, monospace;
    border-bottom-style: solid;
    border-color: var(--segunda-cor);
}

.fe-header .navbar-nav .nav-link {
	color: var(--terceira-cor) !important;	
}
.fe-header .navbar-nav .nav-item:hover .nav-link {
	color: var(--terceira-cor) !important;
}


/*
 * Nav-Top
 */
.navtop-autor {
	font-family: courier new, courier, monospace;
	background-color: #1b1b1b;
	color: white;
	padding-bottom: 1rem; 
	padding-top: 1rem;
	border-top: solid 1px #1b1b1b;
}

.navtop-autor .nav-titulo h2::first-letter {
	color: var(--primeira-cor);
}


/*
 * Footer
 */
.layout-footer {
	border-top: 2px solid #eeeeee;
}
.layout-footer .container {
	padding-top: 15px;
    padding-bottom: 15px;
}
.footer-copy {
	font-size: 92%;
	display: block;
	color:  var(--segunda-cor);
	text-align: center;
}

/*
 * Livro - Detalhe lateral e outros
 */
 .fe-livro-detalhe .figure {
 	width: 90%;
 }
 
 .fe-livro-detalhe .fe-livro-info {
 	border-left-style: dashed;
 	border-left-width: thin;
 	border-color: var(--segunda-cor);
 }
 
 .fe-livro-detalhe .figure img {
 	width:100%;
 	height:auto;
 }
.fe-livro-info p {
	margin-bottom: 0;
	/*color: var(--segunda-cor);*/
}
.fe-livros .card figure {
	padding: 0.75rem;
	padding-bottom: 0;
	margin-bottom: 0;
}
.fe-livros .card img {
	margin-top: 0;
	margin-left: 0;
}

/*
 * Livros e Textos
 */
.fe-livros .card-title {
	font-family: courier new, courier, monospace;
	margin-bottom: 6px;
}
.fe-livros .card-text {
	margin-bottom: 0em;
}
.fe-livros .autor-text {
	color: var(--segunda-cor);
	font-weight: 500;
}

/*
 * Texto - DOC no HTML
 */
.fe-livro-detalhe .fe-texto-doc > div {
	width: 95% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.fe-livro-detalhe .fe-texto-border {
	border-left-style: dashed;
 	border-left-width: thin;
 	border-color: var(--segunda-cor);
}


/*
 * Em construção e Nada por Aqui
 */
.fe-construcao .img-contrucao {
	max-height: calc(100vh - 150px);
	width: auto;
	display: block;
	margin-top: 10rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.fe-nada-aqui .img-nada-aqui {
	max-height: calc(100vh - 350px);
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*
 * MASTER HEAD - Página Inicial
 */
 
section.masthead {
  color: var(--terceira-cor);	
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative; /* Necessário para o pseudo-elemento */
}
section.masthead::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--segunda-cor);
  /*opacity: 0.6; Ajuste a opacidade (0 a 1) */
  z-index: 1;
}
/* Garantir que o conteúdo fique acima do overlay */
section.masthead > * {
  position: relative;
  z-index: 2;
}
.overlay-20::before { opacity: 0.2; }
.overlay-30::before { opacity: 0.3; }
.overlay-40::before { opacity: 0.4; }
.overlay-50::before { opacity: 0.5; }
.overlay-60::before { opacity: 0.6; }
.overlay-70::before { opacity: 0.7; }
.overlay-80::before { opacity: 0.8; }
.overlay-90::before { opacity: 0.9; }

section.masthead h1, section.masthead .h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  section.masthead {
    height: calc(100vh - 100px);
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  section.masthead p {
    font-size: 1.15rem;
  }
  section.masthead h1, section.masthead .h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  section.masthead h1, section.masthead .h1 {
    font-size: 3.5rem;
  }
}

/*
 * LOGO SECTION - Página Inicial
 */
.logo-section img {
	width: 120px;
}

/*
 * Contatos
 */
section#contatos {
	font-size: 1.1rem;
}

/*
 * Elefantasticos
 */
section.section-elefantasticos {
  padding-top: 3rem;
  font-size: 1.2rem;	
}
section .divider {
  margin-top: 3rem;
}
#team {
  padding-top: 3rem;
} 
.team-box {
  padding-top: 3rem;
}
.team-member {
  margin-bottom: 3rem;
  text-align: center;
}
.team-member img {
  width: 14rem;
  height: 14rem;
  border: 0.5rem solid rgba(0, 0, 0, 0.1);
}
.team-member h4, .team-member .h4 {
  margin-top: 1.5rem;
  margin-bottom: 0;
}

/*
 * Elefantasticos BIOS
 */
.elefanbios {
	font-size: 1.2rem;
}
.elefanbios img {
	width: 80%;
	border: 0.5rem solid rgba(0, 0, 0, 0.1);
}