@import url("https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe&family=Titillium+Web:wght@300;400;600&display=swap");


body{
  font-family: "Titillium Web", sans-serif;
  background-color: #d7dde6;

}

#banner{
  position: relative;
  height: 100vh;
  width: 100vw;
  /* adicionando imagem de fundo */
  background-size: cover;
  background-image:url("../imagens/serie1/home.jpg") ;
  background-repeat: no-repeat;
  position: relative;
}


.navbar-brand{
  font-size: 25px;
  color: #37484a;
}

.nav-link{
  font-size: 25px;
  color: #37484a;
}

.dropdown-menu{
  font-size: 20px;
}

.navbar-toggler{
  border: solid 2px #37484a;
}

.icon-bar{
  color: #37484a;
}


main{
  padding-top: 3em;
}

.navbar a:hover{
    color: #708586;
}
.navbar a:{
  color: #708586;
}

footer p{
    text-align: center;
}

.carousel{
  width: 850px;
  margin: 0 auto;
}

@keyframes fadeIn {
  from {
    opacity: 0%;
  }

  to {
    opacity: 100%;
  }
}

.fade-in {
  animation-name: fadeIn;
  animation-duration: 3s;
}

.photo-gallery {
  color: #37484a;
  background-color:#f9f9f9;
  border-radius: 20px;
  font-family: "Titillium Web", sans-serif;
  
}

/*@media (max-width:767px) .photo-gallery h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
*/
.photo-gallery .titulo-serie{
  height: 120px;
  display: flex;
  align-items: center;
  margin: 20px;
}

.photo-gallery .titulo-serie .titulo{
  max-width: fit-content;
  margin: 0;
  padding: 0;
  padding-right: 10px;
}
.photo-gallery .titulo-serie .titulo h2{
  font-weight: bold;
  color: inherit;
  font-size: 30px;
  margin: 0;
  padding: 0;
}
.photo-gallery .titulo-serie .logo-acessibilidade{
  width: fit-content;
  margin: 0;
  padding: 0;
}
.photo-gallery .titulo-serie .logo-acessibilidade button{
  border: none;
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
}
.photo-gallery .titulo-serie .logo-acessibilidade button img{
  width: 35px;
  padding: 5px;
  margin: 0;
}

.photo-gallery .lateral-esq{
  margin: 0;
  padding: 0;
  position: relative;
  padding-left: 2em;
  padding-right: 1em;
}

.photo-gallery .texto {
  font-size:17px;
  text-align: justify;
  text-indent: 2em;
  padding: 0;
  margin:0;
}

.photo-gallery .texto-bio {
  font-size:20px;
  text-align: justify;
  text-indent: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin:0;
}
.photo-gallery .titulo-bio {
  font-size:30px;
  font-weight: bold;
  padding-top: 2em;
  padding-left: 2em;
  margin:0;

  height: 120px;
  align-items: center;
}

.photo-gallery .titulo-serie h2{
  font-weight: bold;
  color: inherit;
  font-size: 30px;
  margin: 0;
  padding: 0;
}

.photo-gallery .titulo-bio .logo-acessibilidade{
  width: fit-content;
  margin: 0;
  padding: 0;
}

#redes_sociais{
  position: relative;
  padding-bottom: 1em;
  margin: 0 auto;
}

#redes_sociais img{
  position: relative;
  text-decoration: none;
  color: #37484a;
  padding: 0.5em;
}

#redes_sociais a{
  position: relative;
  text-decoration: none;
  color: #37484a;
}



.photo-gallery .titulo-bio .logo-acessibilidade button{
  border: none;
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
}
.photo-gallery .titulo-bio .logo-acessibilidade button img{
  width: 35px;
  padding: 5px;
  margin: 0;
}

.photo-gallery .divAudio{
  position: relative;
  width: 100%;
}

.photo-gallery .divAudio audio{
  position: relative;
  width: 100%;
}

.photo-gallery .texto p {
  color:#37484a;
  margin: 0;
  padding: 0;
}

.realizacao{
  display: block;
  position: relative;
  bottom: 0;
  padding-top: 30px;
  padding-bottom: 50px;
}

.realizacao h3{
  font-size: 12px;

}
.realizacao img{
  width: 150px;
  padding-top: 30px;
}

.photo-gallery .photos {
  padding-bottom:20px;

}

.photo-gallery .item {
  padding-bottom:30px;

}

.item img {
  /*-webkit-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  transition: all 0.8s linear;*/
  filter: gray;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  border-radius: 20px;
}

.item img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
  /*-webkit-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  transition: all 0.8s linear;*/
}

footer{
  margin-top: 50px;
}


.color1 {color: #d9ceb2; }
.color2 { color: #948c75; }
.color3 { color:#d5ded9; }
.color4 { color:#7a6a53; }
.color5 { color:#99b2b7; }



.color1 { color:#eee6ab; }
.color2 { color:#c5bc8e; }
.color3 { color:#696758; }
.color4 { color:#45484b; }
.color5 { color:#36393b; }



.color1 {color: #030d08;}
.color2 {color: #37484a;}
.color3 {color: #708586;}
.color4 {color: #d7dde6;}
.color5 {color: #f9f9f9;}

.color1 {color: #91eaff;}
.color2 {color: #d4ffff;}
.color3 {color: #002034;}
.color4 {color: #72787c;}
.color5 {color: #e2e2e2;}


.color1 {color: #1b2724;}
.color2 {color: #353b39;}
.color3 {color: #5f5959;}
.color4 {color: #928d89;}
.color5 {color: #d6d1d3;}

/*
.sticky-wrapper {
    position: relative;
    z-index: 100;
    width: 100%; }
    .sticky-wrapper .site-navbar {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
    .sticky-wrapper .site-navbar {
      background: #fff; }
      .sticky-wrapper .site-navbar .site-logo a {
        color: #fff; }
      .sticky-wrapper .site-navbar ul li a {
        color: rgba(255, 255, 255, 0.7) !important; }
        .sticky-wrapper .site-navbar ul li a.active {
          color: #fff !important; }
    .sticky-wrapper.is-sticky .site-navbar {
      background: #fff;
      -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
      box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); }
      .sticky-wrapper.is-sticky .site-navbar .site-logo a {
        color: #007bff; }
      .sticky-wrapper.is-sticky .site-navbar ul li a {
        color: #000 !important; }
        .sticky-wrapper.is-sticky .site-navbar ul li a.active {
          color: #007bff !important; }
    .sticky-wrapper .shrink {
      padding-top: 0px !important;
      padding-bottom: 0px !important; }
      @media (max-width: 991.98px) {
        .sticky-wrapper .shrink {
          padding-top: 30px !important;
          padding-bottom: 30px !important; } }
  
          .accordion {
            width: 100%;
            max-width: 1080px;
            height: 500px;
            overflow: hidden;
          }
          .accordion ul {
            width: 100%;
            display: table;
            table-layout: fixed;
            margin: 0;
            padding: 0;
          }
          .accordion ul li {
            display: table-cell;
            vertical-align: bottom;
            position: relative;
            width: 16.666%;
            height: 500px;
            background-repeat: no-repeat;
            background-position: center center;
            transition: all 500ms ease;
          }
          .accordion ul li div {
            display: block;
            overflow: hidden;
            width: 100%;
          }
          .accordion ul li div a {
            display: block;
            height: 250px;
            width: 100%;
            position: relative;
            z-index: 3;
            vertical-align: bottom;
            padding: 15px 20px;
            box-sizing: border-box;
            color: #fff;
            text-decoration: none;
            font-family: Open Sans, sans-serif;
            transition: all 200ms ease;
          }
          .accordion ul li div a * {
            opacity: 0;
            margin: 0;
            width: 100%;
            text-overflow: ellipsis;
            position: relative;
            z-index: 5;
            white-space: nowrap;
            overflow: hidden;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
            -webkit-transition: all 400ms ease;
            transition: all 400ms ease;
          }
          .accordion ul li div a h2 {
            font-family: Montserrat, sans-serif;
            text-overflow: clip;
            font-size: 24px;
            text-transform: uppercase;
            margin-bottom: 2px;
            top: 160px;
          }
          .accordion ul li div a p {
            top: 160px;
            font-size: 13.5px;
          }
  
          .accordion ul li:nth-child(1) { background-image: url("/imagens/serie1/home.jpg"); }
          .accordion ul li:nth-child(2) { background-image: url("../imagens/imagem2.jpg"); }
          .accordion ul li:nth-child(3) { background-image: url("../imagens/imagem3.jpg"); }
          .accordion ul li:nth-child(4) { background-image: url("../imagens/imagem4.jpg"); }
          .accordion ul li:nth-child(5) { background-image: url("../imagens/imagem5.jpg"); }
  
          .accordion ul:hover li { width: 8%; }
          .accordion ul:hover li:hover { width: 60%; }
          .accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }
          .accordion ul:hover li:hover a * {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0); }
  
  @media screen and (max-width: 600px) {
    .accordion { height: auto; }
    .accordion ul li,
    .accordion ul li:hover,
    .accordion ul:hover li,
    .accordion ul:hover li:hover {
      position: relative;
      display: table;
      table-layout: fixed;
      width: 100%;
      -webkit-transition: none;
      transition: none;
    }
}
*/