/* Gerais */
body{
    font-family: 'Roboto', sans-serif;
 }
 .row{
     margin: 0;
 }

 #navbar-links a{
    color:white;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}

#navbarSupportedContent a{
    color:white;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}

#drop a{
    color:black;
    font-family: "Roboto", sans-serif;
    font-weight: 900;

}

#logo_name{
    color:#444;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}

#logo_title{
    color:white;
    font-family: "Roboto", sans-serif;
    font-weight: 200;
    font-size: 12px;

}

.lagend{
   position: relative;
   top:201px;
   left: 10px;
}
.lagendas{
    position: relative;
    top:140px;
    left: 10px;
 }



.card-title{
    color:#444;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 20px;

}

.legenda{
    background-color: #ff0d00;
    width: 7px;
    height: 22px;
}

.legenda h5 {
    margin-left: 10px;
    color:#444;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
}

.b-lateral{
    height: 800px;
}

.titulo {
    color:#eee;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    
}

/*.circle-img {
    width: 70px;
    height: 70px;
    overflow: hidden;
  }
  
  .circle-img img {
    height: 100%;
    transform: translateX(-50%);
    margin-left: 50%;
  }*/

  .lista{
    background-color: gray;
    color:white
  }
  .fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
}

/*
.active>.page-link, .page-link.active {
    z-index: 3;
    color: white ;
    background-color: #ff0d00;
    border-color: #ff0d00;
}
*/

.card-img-carosel {
    width: 100%;
    height: 100%;
    object-fit:cover;
    padding: 5px;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 5%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
}
.Destaque-caption{
    position: absolute;
   left: 5%;
   

  
}

.card-time{
    color:white;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 14px;

}

.gr{
    background:linear-gradient(to top,black,transparent);
   
 
}

.truncatee {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
 }



 
 .cor {
background-color: #3f2e42;
    
}
.logo_cor{
    background-color: rgb(63, 46, 66);
}

.Bcolor{
    background-color: #eee;
}

 .cor:hover{
    background-color: #cc0003;
}

/*.container :hover .play  {
    display: block; 
  }*/

  /*.container img:hover {
    opacity: 0.8;
    transition-duration: 0.8s;
    }*/


   /* .page-link {
        position: relative;
        display: block;
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
        font-size: var(--bs-pagination-font-size);
        color: #cc0003;
        text-decoration: none;
        background-color: var(--bs-pagination-bg);
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }*/