/* Fontes */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: light;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Dancing Script';
  src: url('../fonts/DancingScript-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 6em;
}

/* Aplicando a fonte no corpo do site */
body {
  font-family: 'Open Sans', sans-serif;
/*   font-weight: 300; */
  font-size: 1.1em;
}

/* equipe */
.titulo-equipe {
  font-size: 1.2em;
}


@media (max-width: 425px) {

  /* titulos */
  .display-3{
    font-size: 3em;
  }

  /* equipe */
  .titulo-equipe {
    font-size: 1.7em;
  }

  /* blog */
  #blog h1 {
    font-size: 2.2em;
  }

  /* cta */
  .cta h1 {
    font-size: 1.8rem !important;
    letter-spacing: 2px;
  }
}




.dancing-script {
  font-family: 'Dancing Script', cursive;
  font-weight: bold;
}

.nav-link {
  font-weight: 600;
  font-style: italic;
  margin-left: 1em;
}

.italic {
  font-weight: 600;
  font-style: italic;
}

.bold {
  font-weight: 600;
  font-style: normal;
}

h1,
h2 {
  letter-spacing: -1px;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
}

.btndep{
  font-size: .7em;
}


/* Cores */
.bg-red {
  background-color: #ee0000;
}

.red {
  color: #ee0000;
}

.bg-green {
  background-color: #016901;
}

.green {
  background-color: #016901;
}

.bg-marrom {
  background-color: #825542;
}

.marrom {
  color: #825542;
}

.btn-outline-green {
  color: #151515;
  border-color: #151515;
}

.btn-outline-green:hover {
  color: #fff;
  background-color: #016901;
  border-color: #151515;
}



/* Menu */
/* Navbar transparente no início */
#mainNavbar {
  background-color: transparent !important;
  transition: background-color 10ms ease-in-out;
}

/* Estilo quando scrolled */
#mainNavbar.scrolled {
  background-color: #f8f9fa !important;
  /* Cor do bg-light */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Sombra opcional */
}

/* Opcional: ajuste de cor dos links */
#mainNavbar.scrolled .nav-link {
  color: rgba(0, 0, 0, 0.7) !important;
}

#mainNavbar.scrolled .nav-link:hover {
  color: rgba(0, 0, 0, 0.9) !important;
}

.fa-2x {
  font-size: 1.5em;
}


/* hero */
.hero-section {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
}

.hero-section .display-3 {
  margin-top: -15%;
}

/* cta */
.cta h1 {
  font-size: 3rem;
  letter-spacing: 2px;
}


@media (max-width: 320px) {
  .hero-section {
    background-size: contain;
    background-attachment: scroll;
    background-position: top;
    height: auto;
    min-height: 20vh;
    margin: 30% 0 0 0;
  }

  .hero-section .display-3 {
    font-size: 2.6em;
    margin-top: 63%;
    line-height: 0.8;
  }


}

@media (min-width: 321px) and (max-width: 430px) {
  .hero-section {
    background-size: contain;
    background-attachment: scroll;
    height: auto;
    min-height: 75vh;
    padding: 60% 0 .5rem 0;
  }

  .hero-section .display-3 {
    font-size: 3.5rem;
    margin-top: 30%;
    line-height: 0.7;
  }

  /* cta */
  .cta h1 {
    font-size: 2rem;
    letter-spacing: 2px;
  }

}

@media (min-width: 431px) and (max-width: 768px) {
  .hero-section {
    background-size: contain;
    background-position: right;
    background-attachment: scroll;
    height: auto;
    min-height: 60vh;
    padding: 65% 0 .1rem 0;
  }
  
  .hero-section .display-3 {
    text-align: center;
    font-size: 4rem;
    line-height: 0.7;
    width: 100%;
    margin-top: 5%;
  }
 

  /* cta */
  .cta h1 {
    font-size: 2rem;
    letter-spacing: 2px;
  }

}

/* Depoimentos */
.carousel-indicators .active {
  background: #825542;
}

.content {
  margin-top: 20px;
}

.adjust1 {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.adjust2 {
  margin: 0;
}

.carousel-indicators li {
  border: 1px solid #ccc;
}

.carousel-control {
  color: #31708f;
  width: 5%;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #31708f;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.media-object {
  margin: auto;
  margin-top: 15%;
}

@media screen and (max-width: 768px) {
  .media-object {
    margin-top: 0;
  }
}


/* tabela */
.tabela tbody tr {
  cursor: pointer;
}

/* cursos accordion */
/* Estilo para o botão do accordion */
.accordion-button {
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  padding: 15px 20px;
  color: #825542;
  /* Cor do título conforme solicitado */
}

/* Efeito hover no título */
.accordion-button:hover {
  color: #000 !important;
  /* Cor preta no hover */
  text-decoration: none;
  /* Remove sublinhado padrão */
}

/* Remove o ícone padrão do Bootstrap */
.accordion-button::after {
  display: none;
}

/* Estilo do ícone Font Awesome */
.accordion-button .fa {
  margin-left: 10px;
  color: #825542;
  /* Cor do ícone igual ao título */
  transition: transform 0.3s ease;
  font-size: 0.9em;
}

/* Rotação do ícone quando aberto */
.accordion-button:not(.collapsed) .fa {
  transform: rotate(180deg);
}

/* Estilo do conteúdo */
.card-body {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.95em;
  /* Tamanho menor para o conteúdo */
  line-height: 1.5;
  padding: 15px 20px;
  color: #333;
  /* Cor mais suave para o conteúdo */
}

/* Estilo do cabeçalho */
.card-header {
  padding: 0;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Cursos */
#cursos h2 {
  font-size: 2.5rem;
  letter-spacing: -1px;
  ;
}


/* Navbar transparente por padrão */
#mainNavbar {
  background-color: transparent !important;
  transition: background-color 0.3s ease;
}

/* Navbar com fundo quando tiver a classe 'bg-light' */
#mainNavbar.bg-light {
  background-color: #f8f9fa !important;
  /* Cor do bg-light */
}