/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child themej
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.4234324
*/
@media (max-width: 768px) {
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
        padding: 15px;
    }
}

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 1em;
}

@media (min-width: 768px) {
    #right-sidebar {
        position: -webkit-sticky; /* Para compatibilidade com Safari */
        position: sticky;
        top: 60px; /* Esta é a sua margem superior */
        align-self: start; /* Garante que o flexbox não estique a sidebar */
    }
}
.widget-area .widget {
	padding: 10px !important;
}

.grupo-adsense {
	margin-bottom: 10px;
}

.h1-topo-blog {
	padding-top: 20px;
	color: #a3a3a3;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
    text-transform: uppercase;
	white-space: normal !important; 
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%; 
    overflow: visible !important;
}

/* Ocultar a barra lateral em telas menores que 1024px */
@media (max-width: 1024px) {
    #right-sidebar {
        display: none !important;
    }
    
    /* Opcional: Garantir que o conteúdo principal ocupe 100% da largura */
    .site-content .content-area {
        width: 100%;
    }
}

.gb-overlay__content {
    height: 100vh;      /* 100% da altura da janela visual */
    top: 0;             /* Cola no topo */
    bottom: 0;          /* Cola no fundo (redundância de segurança) */
    overflow-y: auto;   /* Permite scroll se o conteúdo interno for maior que a tela */
}

.home-link-mobile {
	font-family: Anton;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 10px;
	font-size: 26px;
}

.wp-block-columns {
margin-bottom: 0px;
}

.busca-menu-mobile {
	padding-top: 5px;
	padding-bottom: 5px;
}
.menu-mobile-x {
    padding-top: 5px;
	padding-bottom: 5px;
}
.wp-block-navigation-item__label {
	padding-left: 10px;
	padding-right: 10px;
}

.anuncio-growth-header {
    margin-left: auto;
    margin-right: auto;
}

.growth-728::before,
.grupo-adsense::before{
    content: "PUBLICIDADE";
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #bcbfc5;
    letter-spacing: 1px;
}

.menu-rolagem-horizontal {
/* Container que permite rolagem */
.menu-rolagem-horizontal {
    overflow-x: auto; /* Ativa rolagem lateral se não couber */
    -webkit-overflow-scrolling: touch; /* Rolagem suave no iOS */
    scrollbar-width: none; /* Esconde barra de rolagem no Firefox */
    
    /* Garante alinhamento */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; /* No mobile, começa da esquerda */
    padding-bottom: 10px; /* Espaço para não cortar sombras */
}

/* Esconde barra de rolagem no Chrome/Safari/Edge */
.menu-rolagem-horizontal::-webkit-scrollbar {
    display: none;
}

/* Ajuste para Desktop (Centralizado) */
	@media (min-width: 769px) {
		.menu-rolagem-horizontal {
			justify-content: center; /* No PC fica centralizado */
			overflow-x: visible; /* No PC não precisa rolar */
		}
	}
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
	width: 30px !important;
	height: 30px !important;
}

.wp-block-navigation {
	font-size: 18px;
	font-family: roboto-medium, sans-serif;
	padding: 5px;
}


/* 1. O Container (Wrapper) */
/* Removemos a borda antiga e o fundo branco padrão para deixar transparente */
.wp-block-search__inside-wrapper {
	margin-top: 5px;
    background-color: transparent !important; /* Remove fundo branco antigo */
    border: none !important; /* Remove borda cinza antiga */
	width: 100%;
}

/* 2. O Campo de Digitação (Input) */
.wp-block-search__input {
    background-color: #ffffff;
    border: 1px solid transparent; /* Prepara para o foco */
    border-radius: 50px 0 0 50px; /* Arredonda só a esquerda */
    padding: 12px 20px; /* Aumenta a área de clique (UX) */
    font-size: 15px; /* Tamanho legível */
    color: #333;
    outline: none; /* Remove outline padrão feio do navegador */
    transition: all 0.3s ease;
}



/* 2. O Campo de Digitação (Input) */
.wp-block-search__input {
    background-color: #ffffff;
    border: 1px solid transparent; /* Prepara para o foco */
    border-radius: 50px 0 0 50px; /* Arredonda só a esquerda */
    padding: 12px 20px; /* Aumenta a área de clique (UX) */
    font-size: 15px; /* Tamanho legível */
    color: #333;
    outline: none; /* Remove outline padrão feio do navegador */
    transition: all 0.3s ease;
}

/* UX: Foco - Quando a pessoa clica para digitar */
.wp-block-search__input:focus {
    box-shadow: inset 0 0 0 2px #cf2e2e; /* Glow interno vermelho suave */
}

/* 3. O Botão (Button) */
.wp-block-search__button {
    background-color: #353b44; /* O vermelho do seu site */
    color: #a2a9b3;
    border: none;
    border-radius: 0 50px 50px 0; /* Arredonda só a direita */
    padding: 0 25px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background 0.3s ease;
    margin-left: -4px; /* Garante que colem perfeitamente */
}


/* espaçamento itens loop posts */
.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: 0px;
}
/* slider do plugin de galeria */

.rl-gallery-container {
	margin-bottom: 10px !important;
}

.splide__pagination__page {
	background: #dc7878 !important;
}

/* estilo dos breadcrumbs no topo */
/* 1. Ajustes do Container do Breadcrumb */
.breadcrumb-wrapper {
    margin-top: 0px;      /* Espaço entre o menu/header e o breadcrumb */
    margin-bottom: 0px;    /* Remove espaço abaixo do breadcrumb */
    padding-left: 45px;       /* Garante alinhamento à esquerda */
    font-size: 0.85em;     /* Tamanho discreto e elegante */
}

/* 2. Aproximar o Título (O Pulo do Gato) */
/* O GeneratePress adiciona padding padrão no topo do conteúdo. 
   Vamos reduzir isso apenas quando o breadcrumb estiver presente. */

.site-content {
    padding-top: 10px; /* Reduz de ~40px (padrão) para 10px */
}

/* Ajuste Fino para Mobile (Opcional) */
@media (max-width: 768px) {
    .breadcrumb-wrapper {
        margin-top: 10px;
        padding-left: 20px; /* Alinha com o padding lateral do texto no mobile */
        padding-right: 20px;
    }
}

/* Estilo visual dos links (para combinar com a imagem que você mandou) */
.breadcrumb-wrapper nav.bcy a {
    text-decoration: none;
    opacity: 0.8;
}
.breadcrumb-wrapper nav.bcy a:hover {
    text-decoration: underline;
    opacity: 1;
}

/* plugin table of contents */

.lwptoc {
  margin: 0px !important;
}

/* alinhamento publicidade */
.growth-300::before,
.grupo-adsense::before{
    content: "PUBLICIDADE";
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #bcbfc5;
    letter-spacing: 1px;
}


/* table of contents manual (plugin personalizado) */
.toc-manual-vertical {
	overflow: hidden;
	margin-left: 10px;
}

/* UX best practices for text size, spacing, etc */
p {
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 26px;
}

.dica {
    background: #f7f7f7;
    display: inline-block;
    color: black;
    padding: 12px;
    border-left: 5px solid #b43d4b;
    word-break: break-word;
	margin-bottom: 20px;
}

.dica p {
	padding-top: 5px;
	margin-bottom: 5px;
}

.card-home {
	margin-top: 10px;
}

/* jump links/menu rápido */

.jump-links {
	margin-top: -15px;
	margin-bottom: 10px;
	text-align: center;
}

/* call to action instagram */

.cta-home {
	margin-bottom: 20px;
}
.cta-container {
    text-align: center;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	margin-bottom: 15px;
}

.cta-container p {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.cta-button {
    display: inline-block;
    background-color: #ff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 18px;
    transition: background-color 0.3s ease;
}

.instagram-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

/* bibliografia */
        .resources-box {
            background-color: #f9f6f6;
            border-radius: 8px;
            max-width: 800px;
            margin: 20px auto;
            font-family: Arial, sans-serif;
        }

        .resources-box h2 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .resources-box p {
            font-size: 14px;
            color: #666;
            margin-bottom: 20px;
            line-height: 1.6;
						padding-left: 10px;
        }

        .resources-box hr {
            border: none;
            border-top: 1px solid #ddd;
            margin: 20px 0;
        }

        .resources-box ol {
            padding-left: 20px;
            list-style: decimal;
        }

        .resources-box ol li {
            margin-bottom: 15px;
            line-height: 1.6;
            font-size: 14px;
            color: #333;
        }

        .resources-box ol li a {
            color: #0073aa;
            text-decoration: none;
        }

        .resources-box ol li a:hover {
            text-decoration: underline;
        }

/* fim biblio */

/* citação */
blockquote {
    background-color: #fee9ec;
    border-left: 5px solid #ac273c;
		font-size: 22px;
		font-style: normal;
}
/* citação */

.button {
	margin: 20px;
}
/* tabela com scrol horizontal */

table {
	overflow-x:auto;
	margin-bottom: 10px;
}



/* style do caption das imagens */
.wp-caption figcaption, .wp-block-image figcaption {
    display: block;
    text-align: left;
    color: #76747d;
    padding-left: .5rem;
    border-left: .125rem solid #b43d4b;
    margin: .5rem 0 0;
    word-break: break-word;
}

/* bibliografia */
details {
    border-radius: 4px;
    padding: .5em .5em 0;
	  background-color: #f9f6f6;
	  margin-bottom: 17px;
}

summary {
    margin: -.5em -.5em 0;
    padding: .5em;
	  font-size: 18px;
}

details[open] {
	font-size: 12px;
	padding-bottom: 1px;
}