/*
Theme Name: SmartMag Child
Theme URI: https://smartmag.theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: https://theme-sphere.com
Template: smart-mag
Version: 1.1
*/
/* Inicialmente, usa a fonte fallback */
html {
    font-family: Arial, sans-serif;
}

/* Quando a fonte Roboto estiver carregada, aplica a fonte personalizada */
html.roboto-loaded {
    font-family: 'Roboto', sans-serif;
}
.custom-banner img {
    width: 780px !important;
    height: 90px !important;
    display: block !important;
    object-fit: contain !important; /* Para garantir que a imagem não seja distorcida */
}
.main.ts-contain {
    min-height: 500px; /* Defina uma altura mínima */
}
/* Garantir que a imagem de destaque tenha um tamanho fixo */
.featured img {
    width: 100%; /* Faz a imagem se ajustar ao container */
    height: auto; /* Mantém a proporção */
    display: block; /* Remove espaços indesejados abaixo da imagem */
}

/* Para garantir que a área da imagem de destaque tenha altura reservada */
.post-header .featured {
    min-height: 574px; /* Ajuste o valor para a altura desejada */
}
.post-content-wrap {
  display: flex;
  justify-content: space-between;
}
.search-icon {
  width: 20px;
  height: 20px;
}
@font-face {
  font-family: "woff2";
  src: url('https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2:wght@400;700&display=swap');
  font-display: swap;
}
@font-face {
    font-family: 'ts-icons';
    src: url('https://rnews.com.br/wp-content/themes/smart-mag/css/icons/fonts/ts-icons.woff2?v3.2') format('woff2');
    font-display: swap;
}
body {
    font-family: 'ts-icons', sans-serif;
}

.post-content-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post-share {
  width: 360px;  /* Defina a largura para evitar o movimento do layout */
  height: 38px;  /* Defina a altura para um layout mais estável */
}
img.logo-image {
  width: 263px;
  height: 74px;
  object-fit: contain;  /* Isso garante que a imagem se ajuste sem distorcer */
}
/* Certifique-se de que o layout do post-content-wrap seja flexível */
.post-content-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Alinha os itens centralizados se necessário */
}

/* Caso você precise de uma margem ou espaçamento fixo */
.post-content-wrap.has-share-float {
  margin-top: 20px; /* Exemplo de margens fixas para estabilizar */
}
@media (max-width: 540px) {
   .single-featured {
    width: 360px;
    height: 200px;
    display: block;
 }
}
/* Estilo para a div com os botões */
.social-buttons {
    margin-top: 20px;
    text-align: center;
}

.social-buttons p {
    font-size: 18px;
    margin-bottom: 10px;
}
/* Estilo para os botões */
.btn-social {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.btn-social.facebook {
    background-color: #3b5998;
}

.btn-social.insta {
    background-color: #9b0b8d;
}

/* Efeito de hover para os botões */
.btn-social:hover {
    opacity: 0.8;
}
.social-buttons a:hover {
    text-decoration: none;
    color: #fdfdfd;
}
.the-post-tags a {
    background: #2f418b;
    color: #ffffff;
}