/* --------------------------------------------
    Tema: Krat Academy
    Descrição: Tema da Academia
    Autor: Eliel Nogueira
    Versão: 1.0
-------------------------------------------- */

/* --------------------------------------------
    Fontes
-------------------------------------------- */
@font-face {
    font-family: 'Young Serif';
    src: url('fonts/Young_Serif/YoungSerif-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito/Nunito-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* --------------------------------------------
    Reset de estilos padrão
-------------------------------------------- */
body, h1, h2, p, ul, li {
    margin: 0;
    padding: 0;
}

/* --------------------------------------------
    Estilos Gerais
-------------------------------------------- */
body {
    font-family: 'Times New Roman', Times, 'Nunito', sans-serif !important;
    background-color: #f4f4f4;
    font-size: 18px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Times New Roman', Times, 'Young Serif', serif !important;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.content {
    margin-top: 20px;
}

/* Estilize vídeos do YouTube para 100% de largura */
.entry-content iframe[src*="youtube.com"] {
    width: 100%;
    height: 500px !important;
}

/* --------------------------------------------
    Estilos do Cabeçalho
-------------------------------------------- */
header {
    background-color: #ac7667;
    color: #fff;
}

header a {
    color: #fff;
    text-decoration: none;
}

header a:hover {
    color: #814637;
    text-decoration: none;
}

.header-button {
    background-image: linear-gradient(to left, #c49170, #814637);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 0px;
    transition: background-image 0.3s ease;
}

.header-button:hover {
    color: #fff;
    background-image: linear-gradient(to left, #000000, #000000);
}

/* --------------------------------------------
    Navegação
-------------------------------------------- */


nav ul {
    list-style: none;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav a {
    text-decoration: none;
    color: #fff;
}

nav a:hover {
    text-decoration: none;
    color: #ccc;
}


/* --------------------------------------------
    Rodapé
-------------------------------------------- */
footer {
    color: #fff;
    text-align: center;
}

footer i {
    color: #ac7667;
}

footer a {
    color: #ac7667;
    text-decoration: none;
}

footer a:hover {
    color: #000;
    text-decoration: none;
}

.footer-info {
    background-color: #ac7667;
    color: #fff;
    text-align: center;
}

.footer-info a {
    color: #fff;
    text-decoration: none;
}

.footer-info a:hover {
    color: #814637;
    text-decoration: none;
}

.footer-logo img {
    transition: transform 0.3s ease;
}

.footer-logo img:hover {
    transform: scale(1.05);
}

/* --------------------------------------------
    Informações de Contato
-------------------------------------------- */
.contact-info a, .contact-info i {
    color: #ac7667;
    text-decoration: none;
}

.contact-info a:hover {
    color: #000;
}

/* --------------------------------------------
    Índice: Artigo, Apresentação, Equipe, Contato
-------------------------------------------- */
.index-title {
    color: #ac7667;
    font-size: 40px;
}

/* --------------------------------------------
    Apresentação
-------------------------------------------- */
.index-presentation {
    background-color: #F8F9FA;
    text-align: center;
}

.index-about-us {
    background-color: #F8F9FA; 
    color: #ac7667;     
    text-align: center;
}


.link-index-presentation a {
    color: #000;
    text-decoration: none;
}

.link-index-presentation a:hover {
    color: #814637;
    text-decoration: none;
}

.link-index-about-us a {
    color: #fff;
    text-decoration: none;
}

.link-index-about-us a:hover {
    color: #814637;
    text-decoration: none;
}



/* Estilo padrão para telas maiores que 768px (pode ajustar conforme necessário) */
.index-presentation img,
.index-about-us img {
    transition: transform 0.3s;
}

.index-presentation img:hover,
.index-about-us img:hover {
    transform: translateX(5%);
}

.index-presentation img:not(:hover),
.index-about-us img:not(:hover) {
    transform: translateX(0);
}

/* Estilo para telas menores ou iguais a 768px (pode ajustar conforme necessário) */
@media (max-width: 768px) {
    .index-presentation img,
    .index-about-us img {
        /* transition: transform 0.3s; */
        transform: scale(1.005);
    }

    .index-presentation img:hover,
    .index-about-us img:hover {
        /* transform: translateY(5%);  */
        transform: scale(1.005);
    }

    .index-presentation img:not(:hover),
    .index-about-us img:not(:hover) {
        /* transform: translateY(0);  */
        transform: scale(1.005);
    }
}





/* --------------------------------------------
    Serviços
-------------------------------------------- */
.index-services {
    background-color: #F8F9FA;
}

.link-index-services a {
    color: #000;
    text-decoration: none;
}

.link-index-services a:hover {
    color: #814637;
    text-decoration: none;
}

.services-member {
    background-color: #F8F9FA;
    padding-bottom: 10px;
    border: solid;
    border-color: #f9f9f9;
}

.services-member img {
    transition: transform 0.3s ease;
}

.services-member img:hover {
    transform: scale(1.05);
}

/* --------------------------------------------
    Equipe
-------------------------------------------- */
.index-team {
    background-color: #F8F9FA;
}

.link-index-team a {
    color: #000;
    text-decoration: none;
}

.link-index-team a:hover {
    color: #814637;
    text-decoration: none;
}

.team-member img {
    transition: transform 0.3s ease;
}

.team-member img:hover {
    transform: scale(1.05);
}

/* --------------------------------------------
    Artigos
-------------------------------------------- */
.index-article {
    background-color: #F8F9FA;
    color: #ac7667;
}

.link-index-article a {
    color: #000;
    text-decoration: none;
}

.link-index-article a:hover {
    color: #814637;
    text-decoration: none;
}

/* --------------------------------------------
    Tags / Category 
-------------------------------------------- */
.link-tags-title a {
    color: #000;
    text-decoration: none;
    /* background-color: #F8F9FA; */
}

.entry-categories a, 
.entry-tag a, 
.widget-area a, 
.link-search-title a {
    color: #000;
    text-decoration: none;
    background-color: #F8F9FA;
}

.link-tags-title a:hover, .entry-categories a:hover, .entry-tag a:hover, .widget-area a:hover, .link-search-title a:hover {
    color: #814637;
    text-decoration: none;
}

.entry-tag-automatic a {
    color: #ac7667;
    text-decoration: none;
    font-size: 18px;
}
.entry-tag-automatic a:hover {
    color: #000;    
    text-decoration: none;
}



/* --------------------------------------------
    Imagens dos Posts
-------------------------------------------- */
.post-thumbnail-index img {
    transition: transform 0.3s ease;
}

.post-thumbnail-index img:hover {
    transform: scale(1.05);
}


/* --------------------------------------------
    Sidebar
-------------------------------------------- */
.widget-area {
    background-color: #F8F9FA;
    color: #ac7667;
    text-align: left;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.widget-area h2, .widget-area h3, .widget-area h4, .widget-area h5, .widget-area h6 {
    text-align: center;
    padding: 20px 0px;
    margin: 0px;
}

.widget-area a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 10px;
    margin: 5px;
    background-color: #fff;
}
.widget-area a:hover {
    color: #814637;
    text-decoration: none;
}

/* --------------------------------------------
    Sidebar CATEGORY
-------------------------------------------- */
.category-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-list li {
    display: inline-block;
    margin: 0px;
}

.category-list a {
    display: inline-block;
    padding: 5px 10px;
    background-color: #fff;
    color: #ac7667;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.category-list a:hover {
    background-color: #ac7667;
    color: #fff;    
}

/* --------------------------------------------
    Sidebar TAGS
-------------------------------------------- */
.tag-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tag-list li {
    display: inline-block;
    margin: 0px; 
}

.tag-list a {
    display: inline-block;
    padding: 5px 10px;
    background-color: #fff;
    color: #ac7667;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.tag-list a:hover {
    background-color: #ac7667; 
    color: #fff;        
}

/* --------------------------------------------
    Sidebar SEARCH
-------------------------------------------- */

.search-form-search input[type="text"] {
    width: 50%;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 0px;
    border-radius: 5px;
}

.search-form-search input[type="submit"] {
    width: 48%;
    background-color: #ac7667;
    color: #fff;
    padding: 10px;
    margin: 0px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.search-form-search input[type="submit"]:hover {
    background-color: #000;
}

/* --------------------------------------------
    SIDEBAR - Posts Recents
-------------------------------------------- */
.recent-posts-list {
    list-style: none;
    padding: 0;
}

.recent-posts-list li {
    margin-bottom: 10px;
}

.recent-posts-list a {
    text-decoration: none;
    color: #ac7667;
}

.recent-posts-list a:hover {
    text-decoration: none;
    color: #000;
}


/* --------------------------------------------
    Estilos Extras
-------------------------------------------- */
.entry-header {
    background-color: #fff;
    color: #ac7667;
    text-align: center;
    padding: 1px 0px;
    margin: 0px 20px;
}

.entry-title {
    text-align: start;
    padding: 0px;
    margin: 0px;
}

.entry-meta {
    color: #777;
    text-align: center;
    background-color: #fff;    
    font-size: 15px;
    border: solid;
    border-width: 1px;
    border-color: #F8F9FA;
    padding: 20px 10px;
    margin: 10px 20px;
}
.entry-meta a {
    color: #ac7667;
    text-decoration: none;
}
.entry-meta a:hover {
    color: #000;
    text-decoration: none;    
}


.entry-h2-customized h2 {
        background-color: #fff;        
        color: #777;
        text-align:start;
        font-size: larger;
        padding: 20px 0px;
        margin: 2px 20px;
}


.entry-excerpt {
    background-color: #F8F9FA;
    color: #ac7667;
    text-align: left;
    padding: 10px 0px;
    margin: 1px 0px 10px 0px;
}

.entry-btn {
    text-align: center;
    margin-bottom: 100px;
}


.entry-content-suggestions-ul-li {
    border: solid;
    background-color: #fff;
    border-width: 1px;
    border-color: #ac7667;
    color: #ac7667;
    padding: 30px 10px;
    margin: 10px 20px;
    font-weight: bolder;
}
.entry-content-suggestions-ul-li a {
    color: #ac7667;
    text-decoration: none;
    font-weight: bolder;
}
.entry-content-suggestions-ul-li a:hover {
    color: #000;
    font-weight: bolder;
    text-decoration: none;
}

.entry-content-excerpt{
    background-color: #fff;  
    padding: 10px 0px;
    margin: 2px 20px;
} 


.entry-content, 
.entry-content p,
.entry-content b,
.entry-content h2,
.entry-content strong, 
.entry-content div {
    background-color: #fff;
    color: #ac7667;
    text-align: left;
    padding: 30px 0px;
    margin: 2px 20px; 
}


.entry-content ul li    
.entry-content ul li strong, 
.entry-content ul li b, 
.entry-content ul li span  {
    color: #ac7667;
    font-size: 27px;
    text-transform: none;
    padding: 10px 0px;
    margin: 0 0px;

}
.entry-content strong, 
.entry-content b, 
.entry-content span {
    font-size: 18px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #ac7667;
}


.entry-content img {
    max-width: 100%;
    height: auto;
}



.entry-ads {
    background-color: #fff;
    text-align: center;
    color: #777;
    padding: 20px 0px;
    margin: 10px 0;
}


.entry-content 
.aligncenter, 
.entry-content 
.alignnone, 
.entry-content 
.alignright, 
.entry-content 
.alignleft {
    max-width: 100%;
    display: block;
    margin: 0 auto; 
}

.entry-tag-automatic,
.entry-categories, 
.entry-tag {
    background-color: #fff;
    text-align: center;
    color: #777;
    padding: 20px 10px;   
    margin: 10px 20px;
}






.entry-social {
    background-color: #fff;
    text-align: center;
    border: solid;
    border-width: 1px;
    border-color: #F8F9FA;    
    padding: 20px 0px;
    margin: 10px 20px;
}

.entry-social h3 {
    color: #ac7667;
}



.entry-author-bio {
    background-color: #F8F9FA;
    text-align: center;
    color: #ccc;
    padding: 20px 20px;
    margin: 70px 20px;
}
.author-avatar img {
    border-radius: 100%;
}



.entry-navigation {
    background-color: #F8F9FA;
    color: #ccc;
    padding: 5px;    
    margin: 10px 0px;
    
}



.next-post, 
.prev-post {
    background-color: #fff;
}


.next-post a, 
.prev-post a {
    color: #000;
    text-decoration: none;

}
.next-post a:hover,  
.prev-post a:hover {
    color: #814637;
    text-decoration: none;
}




.next-post span, 
.prev-post span {
    color: #ccc;
    font-size: 12px;
}

.next-post img, 
.prev-post img {
    color: #ccc;
    font-size: 12px;
    transition: transform 0.3s ease;
}





.post-thumbnail img
{
    transition: transform 0.3s ease;
}

.post-thumbnail img:hover,
.next-post img:hover, 
.prev-post img:hover {
    transform: scale(1.05) ;
    border: solid;
    border-width: 1px;
    border-color: #f9f9f9;
    transition: transform 0.3s ease;
}




/* Estilos padrão para a div flutuante */
.social-share-buttons-flutuante {
    display: none; /* Começa escondido por padrão */
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #F8F9FA;
    color: #ccc;
    padding:  1px;
    border-radius: 0 10px 10px 0;
    /* font-size: 13px; */
}

/* Ajuste os estilos conforme necessário para os botões */
.social-share-buttons-flutuante a {
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #000;
}

/* Mostra a div flutuante apenas em dispositivos de desktop */
@media only screen and (min-width: 768px) {
    .social-share-buttons-flutuante {
        display: block;
    }
}






.whatsapp-button-footer-fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
}

.whatsapp-button-footer-fixed img {
    width: 60px; 
    height: 60px; 
}


.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
}   

.cookie-banner a {
    color: #ac7667;
    text-decoration: none;
}

.cookie-banner a:hover {
    color: #000;
}





.social-btn-color-whatsapp a,
.social-btn-color-facebook a,
.social-btn-color-email a,
.social-btn-color-linkedin a,
.social-btn-color-telegram a,
.social-btn-color-pinterest a,
.social-btn-color-whatsapp a,
.social-btn-color-twitter a,
.social-btn-color-reddit a
 {
    color: #ac7667;
    background: #F8F9FA;
    text-decoration: none;
}

.social-btn-color-whatsapp a:hover {
    color: white;
    background: #1eae5d
}

.social-btn-color-facebook a:hover {
    color: white;
    background: #2d4373;
}

.social-btn-color-email a:hover {
    color: white;
    background: #333;
}

.social-btn-color-twitter a:hover {
    color: white;
    background: blue;
}

.social-btn-color-linkedin a:hover {
    color: white;
    background: #094f8f;
}

.social-btn-color-telegram a:hover {
    color: white;
    background: #006699;
}


.social-btn-color-reddit a:hover {
    color: white;
    background: #e64d00;
}

.social-btn-color-twitter a:hover {
    color: white;
    background: #0d7ea6;
}

.social-btn-color-pinterest a:hover {
    color: white;
    background: #910614;
}








.entry-breadcrumb
{
    background-color: #fff;
    text-align: center;
    padding: 10px;
    margin: 10px 20px;
}

.breadcrumb span {
    color: #999;
}

.breadcrumb ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.breadcrumb ul li {
    display: inline;
}

.breadcrumb ul li:not(:last-child):after {
    content: " > ";
    margin: 0 5px;
    color: #999;
}

.breadcrumb a {
    text-decoration: none;
    color: #ac7667;
}

.breadcrumb a:hover {
    text-decoration: none;
    color: #000;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.titulo {
    color: #ac7667;    
    font-size: 22px;
}

.hr-meio {
    background-color: #ac7667;    
    color: #ac7667;    
    width: 50%;
}


.btn-whats {
    background-color: #1db60c !important;  
    color: #ffffff;
    border-color: #ffffff !important;
}


.bg-celula-home-mobile {
    background-color: #ac7667;
    color: #ffffff;
    font-size: 20px;
}

.bg-celula-home-desktop {
    background-color: #ac7667;
    color: #ffffff;
    font-size: 40px;
}


.bg-celula-crm-mobile {
    /* background-color: #ac7667; */
    color: #ffffff;
    font-size: 13px;
}
.bg-celula-crm-desktop {
    /* background-color: #ac7667; */
    color: #ffffff;
    font-size: 20px;
}



/* .bg-pamelazanlorenzi {
    background-image: url("https://pamelazanlorenzi.com.br/site/wp-content/themes/krat/images/bg-pamelazanlorenzi.jpg");
} */







.pagination {
    display: flex;
    justify-content: center;
    margin: 0 20px;
    padding: 0 15px;
    text-align: center;   
}

.pagination-item {
    color: #ccc;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
}

.pagination a { 
    color: #ac7667;
    text-decoration: none;
    background-color: #F8F9FA;
    padding: 0 15px;
    text-align: center;    
}

.pagination a:hover { 
    color: #F8F9FA;
    text-decoration: none;
    background-color: #ac7667;
    padding: 0 15px;
    text-align: center;    
} 

.pagination a:active { 
    color: #F8F9FA;
    text-decoration: none;
    background-color: #999;
    padding: 0 15px;
    text-align: center;
}  






.entry-sitemap {
    text-decoration: none;
    color: #ac7667;
}
.entry-sitemap ul li a {
    text-decoration: none;
    color: #ac7667;
}
.entry-sitemap ul li a:hover {
    text-decoration: none;
    color: #000;
}