/* Estilos personalizados do tema, movidos do header e do footer para permitir cache do navegador. */
.bx-info-install.entry {display:none}
.px-postmeta {display:none}
span.developer { display: none !important; }
.developer { display: none !important; }

  .highlight {
            background-color: #f9f9f9;
            padding: 10px;
            border-left: 4px solid #007BFF;
            margin: 20px 0;
        }
	.caption1 {
  font-size: 0.75rem;
  font-style: italic;
  padding-bottom: 0;
}
/* CSS corrigido para FAQ */
.faq-question {
    position: relative; /* Necessário para posicionar elementos absolutos */
    cursor: pointer; /* Torna a pergunta clicável */
    background-color: rgba(0, 0, 0, 0.3); /* Fundo com transparência */
    padding: 10px;
    border: 1px solid #ccc; /* Borda leve */
    margin-bottom: 5px; /* Espaçamento entre perguntas */
    color: white; /* Cor do texto */
    transition: background-color 0.3s ease; /* Suave ao passar o mouse */
}

.faq-question:hover {
    background-color: rgba(0, 0, 0, 0.5); /* Fundo escuro ao passar o mouse */
}

.faq-question.active {
    background-color: rgba(0, 0, 0, 0.7); /* Fundo mais escuro quando ativo */
}

.faq-question .toggle-icon {
    position: absolute; /* Posiciona o ícone */
    right: 10px; /* Fixa o ícone à direita */
    top: 50%; /* Alinha verticalmente ao centro */
    transform: translateY(-50%); /* Centraliza perfeitamente no eixo Y */
    font-size: 20px; /* Tamanho do ícone */
    font-weight: bold; /* Destaque no ícone */
    pointer-events: none; /* Impede interação com o ícone diretamente */
}

.faq-answer {
    display: none; /* Oculta as respostas inicialmente */
    padding-left: 20px; /* Recuo para o texto da resposta */
    background-color: black; /* Fundo da resposta */
    color: white; /* Cor do texto */
    padding: 10px; /* Espaçamento interno */
}

/* Classe para exibir a resposta */
.faq-answer.show {
    display: block; /* Exibe a resposta quando ativada */
}
	
	
span.developer {
  display: none;
}
.box.personalizadas ul li,
.entry ul li {
    list-style: none !important; /* Remove os marcadores */
}
.toc_title { 
    font-weight: bold !important;
}
.toc_title { 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    text-align: left; 
    font-weight: normal; 
    display: flex; 
    justify-content: space-between; 
	color: #a3b0b5; /* Cor */
}
.toc_number {
    position: relative; /* Mantida a posição relativa */
    left: 0px; /* Mantida a posição */
    margin-right: .2rem; /* Mantido o espaçamento à direita */
    width: 2.6rem; /* Definido o tamanho */
    padding: 0 .1rem; /* Mantido o padding */
    text-align: center; /* Centralizado o texto */
    font-weight: bold; /* Mantida a negrito */
    color: #a3b0b5; /* Cor */
}

#toc_container .toc_widget li:before { content: none !important; }
#toc_container .sidebar .toc_depth_2 { background: none; }
#toc_container .toc_widget ul ul, #toc_container .toc_widget ul ul ul { padding-left: 1.7rem; }
#toc_container { 
    border: 1px solid #D3DEE3; 
    border-bottom-width: 10px; 
    border-radius: 10px; 
    margin-top: 1.6rem; 
    padding: 1rem 1rem 1rem 1.6rem; 
    width: 100% !important; 
    position: relative; 
    background: none !important; 
}
#toc_container a:hover { text-decoration: none; }
#toc_container .toc_list { 
    padding-top: 1.6rem; 
    border-top: 1px solid #D3DEE3; 
    list-style-type: none; 
    padding-left: 0; 
}
#toc_container .toc_list li::before { content: none; }
#toc_container .toc_list ul { margin-left: .8rem; }
#toc_container span.toc_toggle { margin-left: 1rem;
}
#toc_container .toc_toggle a { 
    padding: 0 5px; 
    font-size: .7rem; 
    border-radius: 2rem; 
    background-color: #d4dee3; 
    color: #fff; 
    padding: .2rem .8rem; 
    font-weight: bold; 
}
#toc_container p.toc_title { 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    text-align: left; 
    font-weight: normal; 
    display: flex; 
    justify-content: space-between; 
}

.share-button-tg {
    z-index: 1000;
    cursor: pointer;
    height: 45px;
    width: 45px;
    position: fixed;
    bottom: 120px;
    right: 5px;
    border: none;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
    transition: transform .2s;
    background-color: #0991D6 !important;
    background-image: url("https://euhtmods.net/wp-content/uploads/2024/09/telegram.svg");
}

.donation-container {
    width: 90%; /* Mude max-width para width */
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    text-align: center;
}

.header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.header img {
    width: 100px;
    height: auto;
    margin-right: 20px;
}

.progress-bar {
    width: 100%;
    background-color: #ddd;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.progress {
    height: 20px;
    width: 100; /* Ajuste conforme necessário */
    background-color: #eb344a;
    border-radius: 10px;
    line-height: 20px;
    color: white;
    text-align: center;
    transition: width 0.5s ease-in-out;
}

.marquee-container {
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 10px;
    overflow: hidden;
}

.marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
.supporter:nth-child(1) {
    background-color: #ffd700;
}
.supporter {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #ffcccc;
    border: 1px solid #eb344a;
    font-weight: bold;
    font-size: 14px;
}
.supporter:nth-child(2) {
    background-color: #c0c0c0;
}
.supporter:nth-child(3) {
    background-color: #cd7f32;
}

.page-id-420578 li#px_custom_categories_widget-7 {
    display: none;
}
.page-id-42057 .box-title {
    display: none;
}


.page-id-42057 .botoness_sociales {
    display: none;
}

.page-id-42057 a[href="https://euhtmods.net/forum/perfil/matheusgomes/"] {
    display: none; /* Oculta o link específico na página do fórum */
}
.page-id-42057 {
    margin-top: 0px;
}

.profile-display-name {
    text-transform: capitalize;
    color: crimson;
    background: url('https://euhtmods.net/wp-content/themes/moddroid2/assets/img/sparks.gif') no-repeat center center;
    background-size: cover;
}
.profile-link.highlight-admin {
    text-transform: capitalize;
    color: crimson;
    background: url('https://euhtmods.net/wp-content/themes/moddroid2/assets/img/sparks.gif') no-repeat center center;
    background-size: cover;
}

.profile-link.highlight-default {
    background: url('https://euhtmods.net/wp-content/themes/moddroid2/assets/img/sparks.gif') no-repeat center center;
    background-size: cover;
}
.page-id-42057 #subheader {
    visibility: hidden;
    height: 30;
    margin: 0;
    padding: 0;
}

.page-id-42057 .app-p .box, 
.page-id-42057 .app-s .box {
    background: transparent !important;
}
.page-id-42057 #bottom-navigation {
    display: none !important;
}
.page-id-42057 .box {
    border: none !important;
    border-radius: 0 !important;
}
.page-id-42057 .box {
    box-shadow: none !important;
}

.page-id-42057 .box {
    box-shadow: none !important;
}

.donation-container {
    color: #000000 !important; /* Definindo a cor como preto apenas para o contêiner de doações */
}

.page-id-42057 .donation-container {
    margin-top: 50px; /* Ajuste o valor conforme necessário */
}
/* Estilo padrão (modo claro) */
.main-title-topic {
    color: black;
}

/* Estilo para modo escuro */
/* Estilo padrão para a página do fórum */

.page-id-42057 .profile-link .highlight-default {
    background: url('https://euhtmods.net/wp-content/themes/moddroid2/assets/img/sparks.gif') no-repeat center center;
    background-size: cover;
}
/* Estilos para o widget Top 5 Posts */



.modal-aviso {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #ffe6b3;
    background-color: rgba(0, 0, 0, .4);
}

.modal-aviso-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
}

.modal-aviso-header {
    padding: 2px 16px;
    background-color: #6610f2;
    color: #fff;
}

.close-aviso:hover, .close-aviso:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.close-aviso {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: 700;
}

.modal-aviso-body {
    padding: 16px;
    font-size: 20px;
    color: #000;
}

.modal-aviso {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #ffe6b3;
    background-color: rgba(0, 0, 0, .4);
}

.modal-aviso-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
}

.modal-aviso-header {
    padding: 2px 16px;
    background-color: #6610f2;
    color: #fff;
}

.close-aviso:hover, .close-aviso:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.close-aviso {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: 700;
}

.modal-aviso-body {
    padding: 16px;
    font-size: 20px;
    color: #000;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
div {
    box-sizing: border-box;
}
* {
    outline: none !important;
}
* {
    outline: none !important;
}
*, :after, :before {
    box-sizing: border-box;
}
div {
    display: block;
    unicode-bidi: isolate;
}
.modal-aviso-body {
    padding: 16px;
    font-size: 20px;
    color: #000;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}
.mr-3, .mx-3 {
    margin-right: 1rem !important;
}
.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.d-block {
    display: block !important;
}
.border-top {
    border-top: 1px solid #dee2e6 !important;
}
[class="amount-app"] {
    display: none !important;
}
/* Estilo para o texto do versículo */
.footer-text {
  font-size: 18px;
  line-height: 1.6;
  color: #e0e0e0; /* Cor clara de texto para contraste com o fundo escuro */
  font-style: italic; /* Texto em itálico para um toque elegante */
  text-align: center; /* Centraliza o texto */
  max-width: 700px; /* Limita a largura do texto */
  margin: 0 auto; /* Centraliza o bloco de texto */
  padding: 10px;
}

/* Estilo para a referência do versículo */
.footer-verse {
  font-size: 16px;
  font-weight: bold;
  color: #f8c046; /* Cor dourada suave para destacar o versículo */
  display: block;
  margin-top: 10px; /* Espaço acima do versículo */
  text-transform: uppercase; /* Deixa o versículo em maiúsculas */
}

#dl-whatsapp {
    background: #25d366; /* Cor verde que você pediu */
    display: inline-block;
    width: auto;
    padding-left: 50px;
    padding-right: 16px;
    margin: 0;
    text-transform: inherit;
    text-decoration: none;
}
#dl-whatsapp {
    background: #25d366; /* Cor verde do WhatsApp */
    display: inline-block;
    width: auto;
    padding-left: 50px;
    padding-right: 16px;
    margin: 0;
    text-transform: inherit;
    text-decoration: none;
}

#dl-whatsapp:hover {
    background: #41495d; /* Cor do hover */
}


#dl-whatsapp2 {
    background-color: #25d366; /* Cor verde do WhatsApp */
}

#dl-whatsapp2:hover {
    background-color: #41495d; /* Cor do hover */
}


#dl-whatsapp4 {
    background: #25d366; /* Cor verde que você pediu */
    display: inline-block;
    width: auto;
    padding-left: 50px;
    padding-right: 16px;
    margin: 0;
    text-transform: inherit;
    text-decoration: none;
}
#dl-whatsapp4 {
    background: #8224e3; /* Cor ROXA VIBRANTE do CURSO */
    display: inline-block;
    width: auto;
    padding-left: 50px;
    padding-right: 16px;
    margin: 0;
    text-transform: inherit;
    text-decoration: none;
}

#dl-whatsapp4:hover {
    background: #41495d; /* Cor do hover */
}

#dl-whatsapp5 {
    background: #fcb900; 
    display: inline-block;
    width: auto;
    padding-left: 50px;
    padding-right: 16px;
    margin: 0;
    text-transform: inherit;
    text-decoration: none;
}

#dl-whatsapp5:hover {
    background: #41495d; /* Cor do hover */
}

#dl-whatsapp6 {
    background: #f63f3f; /* Cor alterada para #f63f3f */
    display: inline-block;
    width: auto;
    padding-left: 50px;
    padding-right: 16px;
    margin: 0;
    text-transform: inherit;
    text-decoration: none;
}

#dl-whatsapp6:hover {
    background: #41495d; /* Cor do hover */
}

#dl-whatsapp7 {
    background: #d87e2c; 
    display: inline-block;
    width: auto;
        padding-right: 15px;
    padding-left: 48px;
    margin: 0;
    text-transform: inherit;
    text-decoration: none;
}

#dl-whatsapp7:hover {
    background: #41495d; /* Cor do hover */
}

#subheader .social li a.facebook, #subheader.np .social li a.facebook {
    background: #001935; /* Cor preta tumblr ou facebook 1 primeiro icone */
}

#subheader .social li a.quora, #subheader.np .social li a.quora {
    background: #b92b27;
}

#subheader .social li a.facebook1, #subheader.np .social li a.facebook1 {
    background: #1877F2; /* Cor azul */
}
/* Cor de fundo do Facebook para o botão */
.facebook1 {
    background-color: #1877F2;  /* Cor azul oficial do Facebook */
}

.botones_sociales .facebook:hover, .botones_sociales.color .facebook {
  background: #1877F2;
  color: #fff; 

.faq-answer {
    display: none; /* Começa com as respostas ocultas */
    padding-left: 20px; /* Adiciona um pouco de espaçamento para as respostas */
}

.faq-question {
    cursor: pointer; /* Torna a pergunta clicável */
    background-color: #f0f0f0; /* Apenas um exemplo de estilo */
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.faq-question:hover {
    background-color: #e0e0e0;
}
.svg-99 {
    width: 1rem;
    height: 1rem;
}

.mr-1, .mx-1 {
    fill: var(--color_svg);
}
.mr-1, .mx-1 {
    margin-right: .25rem !important;
}

a #updated-time {
    color: inherit !important; /* Herda a cor do elemento pai */
    text-decoration: none !important; /* Remove qualquer sublinhado */
}

a:hover #updated-time {
    color: inherit !important; /* Mantém a cor original no hover */
}


}

#toc_container .toc_toggle a {
    padding: 0 5px;
    font-size: .7rem;
    border-radius: 2rem;
    background-color: #0088ff;
    color: #fff;
    padding: .2rem .8rem;
    font-weight: bold;
}

#toc_container .toc_toggle a:hover {
    background-color: #4c4c4c !important;
}

           .highlight {
            background-color: #f9f9f9;
            padding: 10px;
            border-left: 4px solid #007BFF;
            margin: 20px 0;
        }

#toc_container span.toc_toggle { 
    display: inline-block !important; /* Força a exibição */
}
.bx-info-install.entry {display:none}
.px-postmeta {display:none}
span.developer { display: none !important; }
.developer { display: none !important; }
/* A imagem principal agora usa o elemento img responsivo do WordPress. */
.app-s img.image-single {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* Oculta a area reservada para o background dos destaques quando ela nao e usada. */
#featured_posts .fp_box > a {
    height: 78px;
    min-height: 78px;
    padding: 0;
    background-image: none !important;
    background-color: transparent;
}