/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* NEWSLETTER FORM FOOTER */

.rc-newsletter-gray-form .elementor-form-fields-wrapper {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	
	.elementor-field-type-email {
		grid-column: 1 / span 2;
		grid-row: 1;
	}
	
	.elementor-field-type-checkbox {
		grid-column: 1 / span 4;
		grid-row: 2;
		margin-bottom: 30px !important;
		.elementor-field-subgroup  {
			
		display: flex;
		row-gap: 10px;
		}
		
		
		.elementor-field-option {
			display: flex;
			column-gap: 10px;
			align-items:center;
		}
		
	}
	.elementor-field-type-acceptance {
		grid-column: 1 / span 3;
		grid-row: 3;
				.elementor-field-subgroup  {
			
		display: flex;
		row-gap: 10px;
		}
		
		
		.elementor-field-option {
			display: flex;
			column-gap: 10px;
			align-items:center;
		}
	}
	.elementor-field-type-submit {
		grid-column: 3 / span 1;
		grid-row: 1;
	}
}
.elementor-field-type-email 
/* CONTATO */
.rc-contact-staff a {
	word-break: break-word
}

/* NEWSLETTER POPUP */
.newsletter-popup-v1 {
z-index: 9999999999;	
}

.newsletter-popup-v1 .dialog-close-button {
	outline: none !important;
}
.newsletter-popup-v1 .rc-newsletter-title em {
	font-style:normal;
	color: var( --e-global-color-accent )
}
.newsletter-popup-v1 .elementor-field-type-acceptance {
    input {
        vertical-align: middle;
    }
    label {
        font-size: 12px;
    }
    a {
        color: #fff;
        text-decoration: underline;
    }
    a:hover {
        color: var( --e-global-color-accent );
    }
}


/* MEC SINGLE EVENT */

.mec-single-event {
	padding-block: 30px;
}
/* OFF-CANVAS MENU */
.rc-off-canvas-menu .menu-item {
	border-bottom: 1px solid #222
}
/* HOME */
.rc-home-featured-img-16p9 img {
	width: 100%;
	aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: top;
}
.rollingstone-cover-widget-home-top h3.edition-title {
	margin-top: 0px;
}
.rollingstone-cover-widget-home-top h3.edition-title a {
	display: block;
	line-height: 1;
	font-weight: 900;
}
/* --- DESKTOP (> 1024px): Layout 3 + 2 --- */
@media (min-width: 1024px) {
    #rc-ah-e-tal .elementor-loop-container {
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        grid-auto-flow: row !important;
        grid-auto-rows: auto !important;
        align-items: stretch !important;
    }

    #rc-ah-e-tal .elementor-loop-container > .e-loop-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        height: auto !important;
    }

    /* Linha 1: 3 posts */
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(1) { grid-column: 1 / span 2 !important; grid-row: 1 !important; }
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(2) { grid-column: 3 / span 2 !important; grid-row: 1 !important; }
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(3) { grid-column: 5 / span 2 !important; grid-row: 1 !important; }

    /* Linha 2: 2 posts */
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(4) { grid-column: 1 / span 3 !important; grid-row: 2 !important; }
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(5) { grid-column: 4 / span 3 !important; grid-row: 2 !important; }
}

/* --- TABLET (768px até 1023px): Layout 2 + 2 + 1 --- */
@media (min-width: 768px) and (max-width: 1023px) {

    /* 1. Container em 2 colunas com alinhamento por linha */
    #rc-ah-e-tal .elementor-loop-container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-auto-flow: row !important;
        grid-auto-rows: auto !important;
        align-items: stretch !important;
    }

    /* 2. Liberta as alturas para que acompanhem o maior item de cada linha */
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        height: auto !important;
    }

    /* 3. LINHA 1 (Posts 1 e 2) - Altura alinhada pelo mais alto da Linha 1 */
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    /* 4. LINHA 2 (Posts 3 e 4) - Altura alinhada pelo mais alto da Linha 2 */
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(3) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(4) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    /* 5. LINHA 3 (Post 5 em destaque) */
    #rc-ah-e-tal .elementor-loop-container > .e-loop-item:nth-of-type(5) {
        grid-column: 1 / span 2 !important;
        grid-row: 3 !important;
    }
}

.rc-home-cat-sections-lead-post {
	
}


/*  LAYOUT MANHOSO DA HOME*/

@media (width > 1024px ) {
    /* --- CONTAINER BASE (3 Colunas) --- */
    .rc-home-categories .elementor-loop-container {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 24px !important; /* Ajusta o espaçamento entre posts */
            grid-auto-flow: row !important;
            align-items: stretch !important;
    }

    .rc-home-categories .elementor-loop-container > .e-loop-item {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            height: auto !important;
    }

    /* --- POST 1 (Destaque Principal - Full Width na Linha 1) --- */
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) {
            grid-column: 1 / span 3 !important;
            grid-row: 1 !important;
    }

    /* --- POSTS 2, 3 e 4 (Linha 2 - 3 Colunas) --- */
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(2) { grid-column: 1 !important; grid-row: 2 !important; }
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(3) { grid-column: 2 !important; grid-row: 2 !important; }
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(4) { grid-column: 3 !important; grid-row: 2 !important; }

    /* --- POSTS 5, 6 e 7 (Linha 3 - 3 Colunas) --- */
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(5) { grid-column: 1 !important; grid-row: 3 !important; }
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(6) { grid-column: 2 !important; grid-row: 3 !important; }
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(7) { grid-column: 3 !important; grid-row: 3 !important; }

}

@media (width <= 1024px) and ( width >= 768px) {
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) {
/*      background-color: lime; */
    }
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) .rc-destaque-loop .e-con-inner {
        flex-direction: column;
    } 
    
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) .rc-destaque-loop .e-con-inner .rc-destaque-loop-img,
    .rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) .rc-destaque-loop .e-con-inner .rc-destaque-loop-content {
        width: 100%;
    }
}

@media (width > 1024px) {
	.rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) .rc-destaque-loop-content {
		background-color: rgba(51, 51, 51, .9);
	/* 	background-color: lime; */
		position: absolute;
		bottom: 20px;
		left: 0;
		padding: 18px 28px;
		color: #fff;
	}
	.rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) .elementor-heading-title {
		font-size: 1.75rem;
	}
	.rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) .elementor-heading-title,
	.rc-home-categories .elementor-loop-container > .e-loop-item:nth-of-type(1) .elementor-icon-list-text{
		color: #fff;
	}
}

/*  MENU */
@media (width < 1127px) and (width > 1024px) {
	#main-header .elementor-widget-theme-site-logo img {
		width: 210px !important;
	}
	#main-header .elementor-nav-menu .elementor-item {
		padding-inline: 8px;
	}
}

/* Container que flutua abaixo do botão Search */
.custom-search-container {
    position: absolute;
    top: 100%;
    right: .8rem;
    z-index: 999;
    background: #ffffff;
    border: 1px solid #333333;
    padding: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    
    /* Controle de visibilidade e animação suave */
    display: flex;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.25s ease-in-out;
}

/* Estado ativo acionado pelo clique na lupa */
.custom-search-container.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Estrutura interna do formulário nativo do WP */
.custom-search-container .search-form {
    display: flex;
    align-items: center;
    gap: 0; /* Cola o campo com o botão */
}

/* Campo de texto (Input) */
.custom-search-container .search-field {
    background: #ffffff;
    color: #111111;
    border: 1px solid #cccccc;
    border-right: none; /* Remove a borda da direita para colocar a lupa */
    border-radius: 2px 0 0 2px;
    padding: 8px 12px;
    font-size: 14px;
    outline: none;
    width: 240px;
}

/* Botão Submeter/Lupa */
.custom-search-container .search-submit {
    background: #e50914; /* Ou a cor vermelha da Roadie Crew */
    color: #ffffff;
    border: 1px solid #e50914;
    border-radius: 0 2px 2px 0;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s ease;
}


.custom-search-container .search-submit:hover {
    background: #b80710;
}
.custom-search-container .search-submit {

} 


.rc-icon-list-off-canvas .elementor-icon-list-items {
	justify-content: space-between;
}
.rc-icon-list-off-canvas .elementor-icon-list-item {
	flex-direction: row-reverse;
	column-gap: 5px;
}

.rc-search-form-off-canvas .search-form {
	  display: flex;
    flex-direction: row;
    column-gap: 5px;
}
.rc-search-form-off-canvas .search-form label:has(.search-field){
	flex-grow: 1;
}
.custom-search-container input[type="submit"],
.custom-search-container button[type="submit"],
.rc-search-form-off-canvas  input[type="submit"],
.rc-search-form-off-canvas  button[type="submit"]{
    color: transparent !important;
    width: 45px !important;
}
.custom-search-container label::after,
.rc-search-form-off-canvas label::after{
    content: "\f002";
    font-family:  FontAwesome;
    font-weight: 900;
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    right: 25px; 
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; 
}
.rc-search-form-off-canvas label::after {
	right: 16px;
}

.elementor-menu-toggle {
	width: fit-content;
	margin: 0;
		padding-inline: .8rem;
}

.elementor-nav-menu--dropdown .menu-item:last-of-type {
	margin-bottom: 20px;
}
#toggle-off-canvas-menu.off-canvas-open .elementor-button{
/* 	background-color: orange !important; */
	
}


/*  LOGO TOP BAR */
.logo-top-bar {
	margin-right: auto;
}


/* Badge da categoria no template single post. 
 * Coloca o texto na cor branca e fundo vermenlho.
 * 
 * */

.roadie-single-post  .elementor-inline-item[itemprop="about"] {
	background-color: red;
	padding-inline: 6px;
margin-right: 5px !important
	
}
.roadie-single-post .elementor-inline-item[itemprop="about"] a {
	color: white;
		
}
#cat-archive-container .elementor-widget-theme-post-featured-image a {
	display: block;
}

.elementor-post-info__item--type-author {

}
.elementor-inline-item[itemprop="author"]::before {
	content: "Por\00a0";
		
}






/* releted posts */

.related-posts-title .elementor-heading-title a {
	font-weight: inherit;
}

/*  AGENDA SIDEBAR */
.mec-event-list-classic .mec-event-article {
	margin-bottom: 0px
}

/* CTA ULTIMA EDIÇÃO */
.rollingstone-cover-widget .edition-title a {
    color: #111;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
}
/*  CTA WHATSAPP */
.cta-whatsapp-btn .elementor-button-content-wrapper {
	align-items: center;
}
.cta-whatsapp-btn .elementor-button-icon svg{
	width: 2rem;
 height: 2rem;
}

/* FOOTER */
.rc-ultima-edicao-footer .edition-title {
	font-size: .88rem;
	margin-block: 0px 6px;
}
.rc-ultima-edicao-footer .edition-title a {
	font-size: inherit;
	color: #fff;
}

/* Footer Menu */
/* #menu-footer-menu {
	padding-inline-start: 0;
	list-style-type: none;
	columns: 2;
} */


#menu-footer-menu {
    padding-inline-start: 0;
    list-style-type: none;
    margin: 0;
    
    display: grid;
    /* Define 2 linhas de colunas com fluxo VERTICAL */
    grid-auto-flow: column;
    grid-template-rows: repeat(7, auto); /* Ajusta o '7' para o número de itens por coluna */
    
    /* Controlo fino dos espaços */
    row-gap: 0px;       /* Espaço vertical compacto entre links */
    column-gap: 60px;   /* Espaço horizontal justo entre as duas colunas */
    
    /* Garante que o grid só ocupe o espaço necessário dos textos */
    width: max-content; 
    max-width: 100%;
}
#menu-footer-menu li:hover {
	
}
#menu-footer-menu li a {
	color: var( --e-global-color-db3da8e );
	font-size: .8rem;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	padding-block: 6px;
	
}

#menu-footer-menu li a:hover {
	color: var( --e-global-color-accent )
}