/*
Theme Name: Biscoint News
Theme URI: https://fortram.com.br
Author: Seu Nome
Author URI: https://fortram.com.br
Description: Tema personalizado Biscoint News
Version: 1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: news, blog
Text Domain: biscoint-news
*/

/* Adicione seu CSS personalizado abaixo */

 .cardTopo{
            position: relative;
            overflow: hidden;
            background-size: cover;
            background-position: center center;
            background-repeat: none;
            &:hover{
              .imagem {
            transform: scale(1.1); /* Aplica o zoom */
            transition: transform 0.3s ease; /* Suaviza o efeito */
        }
            }
            
            
              .imagem{
              width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta a imagem para cobrir toda a área sem distorcer */
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s ease; /* Suaviza o efeito */
          }
          
          
        }
      
          .containerMaterias{
              max-width: 900px;
              margin: auto;
          }
          
          .materia{
              &:hover{
              .imagem {
            transform: scale(1.1); /* Aplica o zoom */
            transition: transform 0.3s ease; /* Suaviza o efeito */
        }
            }
              
              .imagem{
              width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta a imagem para cobrir toda a área sem distorcer */
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s ease; /* Suaviza o efeito */
          }
          }
          
          .news-bar {
    background-color: white;
    color: #ffffff; /* Cor do texto */
    padding: 10px;
    font-size: 16px;
    height: 45px;
    overflow: hidden; /* Oculta o conteúdo que ultrapassa os limites */
    white-space: nowrap; /* Evita que o conteúdo quebre linhas */
    position: relative;
}

/* Estilo para o contêiner de rolagem */
.news-content {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    will-change: transform; /* Otimiza o desempenho */
    animation: scroll 15s linear infinite; /* Animação contínua */
}

/* Define o espaço entre os itens de notícia */
.news-item {
    padding-right: 50px; /* Espaçamento entre as notícias */
}

/* Animação de rolagem */
@keyframes scroll {
    from {
        transform: translateX(0); /* Começa da direita */
    }
    to {
        transform: translateX(-100%); /* Sai pela esquerda */
    }
}
          /*
              background-image: url(https://news-homolog.biscoint.io/wp-content/themes/biscoint-news/paginas/cripto/topo.png);
          */
         body {

    background-position: center top;
    background-repeat: repeat-x;
    background-size: auto;
}
          
          .bgCarregando {
   
    background-color: #e0e0e0; /* Cor inicial */
    animation: carregando 1.5s infinite ease-in-out;
    border-radius: 8px; /* Bordas arredondadas para um visual mais suave */
}

@keyframes carregando {
    0% {
        background-color: #e0e0e0; /* Cor clara */
    }
    50% {
        background-color: #c0c0c0; /* Cor intermediária */
    }
    100% {
        background-color: #e0e0e0; /* Retorna à cor inicial */
    }
}

 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');  


    .quicksand {
      font-family: "Quicksand", serif;
      font-optical-sizing: auto;
      font-style: normal;
    }
    .btn-toggle{
        background-color:#007cf0 !important;
    }
    .dropdown-toggle::after{
        content:none;
    }
    .roboto{
      font-family: "Roboto", serif;
      font-optical-sizing: auto;
      font-style: normal;
    }