/*inserção da imagem de fundo que cobre todo o conteúdo do site*/

body {

  background-color: #737373;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*Modificações do cabeçalho (arquivos do NAVBAR)*/

.navbar-header {
  background-image: url(../assets/images/espace_nav_background.png);
}

.nav-itens-name:hover {
  background-color: black;
}

/*Efeito da cor da Lupa na barra de Pesquisa (Único para cada página!)*/
.search-box:hover > .search-btn {
  background: url(../assets/images/espace_nav_background.png);
  background-size: cover;
}

/*Caso a pesquisa não retorne resultados*/


img.no-results-img {
  border: solid black 2px;
}

.text-no-results {
  color: #fff;
  
}


/*Caso a pesquisa tenha resultados*/

.search-results {
  width: 300px;
  margin: 0 auto;
}

.search-result {
  border-bottom: 1px solid #eee;
}

/*Menu mobile*/

.links-mobile {
  background-image: url(../assets/images/espace_nav_background.png);
}


/*Fim dos arquivos do NAVBAR*/

.tittle-apresentation-initial {
  background: #7080903d;
  text-align: initial;
}

@media (max-width: 975px) {
  .tittle-apresentation-initial {
    line-height: 2.25rem;
    
    text-align: justify;
  }
}

@media (max-width: 620px) {
  .tittle-apresentation-initial {
    line-height: 2.25rem;
    text-align: initial;
    font-size: 0.8em;
  }
}

@media (max-width: 520px) {
  .tittle-apresentation-initial {
    line-height: 2.25rem;
  }
}

@media (max-width: 450px) {
  .tittle-apresentation-initial {
    line-height: 2.25rem;
    font-size: 0.7349em;
    
  }
}

@media (max-width: 415px) {
  .tittle-apresentation-initial {
    line-height: 2.25rem;
    
    
  }
}

@media (max-width: 395px) {
  .tittle-apresentation-initial {
    line-height: 2.25rem;
    
  }
}

@media (max-width: 390px) {
  .tittle-apresentation-initial {
    line-height: 2.25rem;
    text-align: initial;
    font-weight: 900;
  }
}

  @media (max-width: 375px) {
    .tittle-apresentation-initial {
      font-size: 0.7749em;
    }
  }

    @media (max-width: 350px) {
      .tittle-apresentation-initial {
        font-size: 0.7em;
      }

}

/*Estilos do Carrosel*/

.swiper-navBtn {
  color: #282828;
  transition: color 0.3s ease-in-out;
}

.swiper-navBtn:hover {
  color: #282828;
}

.swiper-pagination-bullet {
  background-color: #dedcdc;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #282828;
}

.card {
  background-color: #dcd9d9e8;
  border: solid black 2px;
}

.card:hover {
  transform: scale(1.03);
  background-color: #dcdcdc;
}

@media (max-width: 1405px) {
  /*limitará a quantidade de caracteres que o card exibirá em no máximo 5 linhas*/
.description_card {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.tittle_card{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
}

@media (max-width: 660px) {
  /*limitará a quantidade de caracteres que o card exibirá em no máximo 5 linhas*/
  .description_card {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}

/*parte da publicidade*/

.img-ads {
  background-color: black;
}

p.text-ads {
  color: white;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 1);
}

/*notícias pós parte da publicidade "ads"*/

.tittle-apresentation-initial.videos {
  background-color: #7f7b7b;

  text-align: center;
  
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  }

.videos-section {
  background: linear-gradient(270deg, #737373, #000000);
  background-size: 400% 400%;

  -webkit-animation: AnimationName 40s ease infinite;
  -moz-animation: AnimationName 40s ease infinite;
  animation: AnimationName 40s ease infinite;

  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}

@-webkit-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.container_notices_pos_ads {
  background-color: #737373;
}

.card-container-2 {
  background-color: rgba(220, 217, 217, 0.91);
  border: solid black 2px;
}

.card-container-2:hover {
  background-color: #dcdcdc;
}

/*sidebar lateral*/

nav.menu-lateral {
  background: radial-gradient(circle at -4% -12.9%, rgb(74, 98, 110) 0.3%, rgb(30, 33, 48) 90.2%);

  box-shadow: 3px 0 0 darkgray;
}

ul li.ativo {
  background-color: rgba(169, 169, 169, 0.753);
  border-radius: 50px 0px 0px 50px;
  
}

ul li.item-menu:hover {
  background-color: darkgrey;
  border-radius: 50px 0px 0px 50px;
}