/*
Theme Name: Hello Elementor Child Theme
Theme URI: https://elementor.com/hello-theme/
Description: Theme padrão para da IDH
Author: Mariano Siqueira
Author URI: https://marianojr.com.br
Template: hello-elementor
Version: 1.0
*/
/* Theme customization starts here */

/* Popu pacto*/
	.popup_pacto, .popup_programa, .popup_cap {
      width: 150px !important;
      border-radius: 10px !important;
	}
    .popup_pacto .map-popup-body, .popup_programa .map-popup-body, .popup_cap .map-popup-body {
		border-radius: 10px !important;
    }
	.map-popup-footer-button.mapster-button-modal-open{
		position: absolute !important;
	    left: 42% !important;
	    border-radius: 50px !important;
	    background: #000000 !important;
	    text-indent: -1000px !important;
	    border: 0 !important;
	    padding: 4px 12px !important;
	}
	.map-popup-footer{
	  padding: 0 !important;
	}

/* Modal Map */
	.mapster-modal {
	    top: 25% !important;
	    width: 45em !important;
	    max-height: 70vh !important;
	}
	.mapster-modal-content{
		max-height: 500px !important;
		overflow: hidden !important;	
	}
	
	.mapster-modal-overlay{
		background: #00625fcc !important;
	}
	.mapster-modal .mapster-modal-title {
	  display: none !important;
	}

	#mapster-shortcode-content h1 {
    	font-family: "Roc Grotect", Sans-serif !important;
        color: #00625F !important;
        font-size: 47px !important;
    	font-weight: 400 !important;
    	line-height: 47px !important;
    }

	#mapster-shortcode-content p{
	    color: black;
	    font-family: "Tablet Gotic", Sans-serif;
	    font-size: 17px;
	    font-weight: 400;
	    line-height: 24px;
}
#mapster-shortcode-content a{
	font-family: "Tablet Gotic", Sans-serif;
	font-weight: 700;
	background: #47d985;
	color: #00625F !important;
	padding: 5px 20px;
	border-radius: 50px;
	font-size: 15px;
	position: absolute;
	margin-top: 10px;
}

/* Legendas Maps */
 .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl, .maplibregl-ctrl-bottom-left .maplibregl-ctrl
 {
 	padding: 0 0 45px 85px;
 }

 .elementor-item-active{
 	font-weight: bold !important;
 }

 /* Conteúdo programas, pactos, histórias */ 

 .conteudoProgramas h2, .conteudoHistorias h2{
    font-weight: bold;
    font-family: "Roc Grotect", Sans-serif;
    font-size: 26px;
    margin-top: 100px;
}

 .conteudoProgramas h3, .conteudoHistorias h2{
    font-weight: bold;
    font-family: "Roc Grotect", Sans-serif;
    font-size: 20px;
    margin-top: 50px;
}

.conteudoHistorias .wp-block-button a.wp-block-button__link, .conteudoProgramas .wp-block-button a.wp-block-button__link{
	background: #00625f !important;
	color: #ffffff !important;
	margin-top: 50px;
}
.conteudoHistorias .wp-block-button a.wp-block-button__link:hover, .conteudoProgramas .wp-block-button a.wp-block-button__link:hover{
	background: #47d985 !important;
	color: #00625f !important;
}

/* Galeria Atuação */

.wp-block-gallery.wp-block-gallery-2 {

}

.wp-block-gallery.wp-block-gallery-2 {
    --wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 1em)));
    gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 1em)));
 }

 figure.wp-block-image.size-large img{
 	border-radius: 15px;
 	padding: 5px;
 }

#formPesquisa ul{
 	padding: 0;
}
#formPesquisa ul label{
 	width: 100%;
}
#formPesquisa ul label input{
 	padding: 20px;
}

.pointer {
	cursor: pointer;
}

.cky-btn-revisit-wrapper {
	display: none !important;
}

/* The events Calendar */
.evento-local {
	font-family: 'Gothan', sans-serif !important;
	color: #fff !important
}

.tribe-events-pro-photo__event-featured-image {
	object-fit: cover !important;
}

.evento-local-destaque {
	font-family: 'Gothan', sans-serif !important;
	color: #414141 !important;
	font-size: 12px !important;
}

.shortcode-terms{
	font-family: "Gothan", Sans-serif !important;
	font-size: 17px !important;
	line-height: 24px !important;
	font-weight: 300 !important;
	color: var(--e-global-color-secondary) !important;
}
.link-categoria-evento { color: #59B7B3 !important;}

/* Slider Como Participar */
.participar-slider {
  display: flex;
  width: 100%;
  height: 600px;
  overflow: hidden;
  gap: 5px;
}

/* Slide individual */
.slide-participar {
  flex: 0.1;
  transition: flex 0.4s ease, background-color 0.4s ease;
  cursor: pointer;
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: left;
  color: white;
  font-weight: bold;
  padding: 20px;
  overflow: hidden;
  text-align: left;
}

/* Slide ativo */
.slide-participar.active {
  flex: 1;
}

/* Estilos dinâmicos por slide */
.titulo-item-1.ativo h2 { color: #59B7B3 !important; }
.titulo-item-2.ativo h2 { color: #B6346A !important; }
.titulo-item-3.ativo h2 { color: #69B32D !important; }
.titulo-item-4.ativo h2 { color: #495FA8 !important; }
.titulo-item-5.ativo h2 { color: #C85A1D !important; }

/* Bloco de títulos dos slides (acima do slider) */
.titulo-item-1, .titulo-item-2, .titulo-item-3, .titulo-item-4, .titulo-item-5 {
  cursor: pointer !important;
  transition: color 0.3s ease !important;
}

/* Número exibido no modo fechado */
.slide-number-only {
  font-family: "Obviously Italic", Sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 36px;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease;
}

/* Esconder o número quando aberto */
.slide-participar.active .slide-number-only {
  opacity: 0;
  visibility: hidden;
}

/* Background de cada slide, individual */
.slide-participar:nth-child(1) { background-image:url('https://viradasustentavel.org.br/wp-content/uploads/2025/06/slide-participar-1.jpg'); background-position: center; background-size: cover; }
.slide-participar:nth-child(2) { background-image:url('https://viradasustentavel.org.br/wp-content/uploads/2025/06/slide-participar-2.jpg'); background-position: center; background-size: cover; }
.slide-participar:nth-child(3) { background-image:url('https://viradasustentavel.org.br/wp-content/uploads/2025/06/slide-participar-3.jpg'); background-position: center; background-size: cover; }
.slide-participar:nth-child(4) { background-image:url('https://viradasustentavel.org.br/wp-content/uploads/2025/06/slide-participar-4.jpg'); background-position: center; background-size: cover; }
.slide-participar:nth-child(5) { background-image:url('https://viradasustentavel.org.br/wp-content/uploads/2025/06/slide-participar-5.jpg'); background-position: center; background-size: cover; }

.slide-content {
  opacity: 0;
  transition: opacity 0.4s ease;
  text-align: left;
  max-width: 90%;
}

.slide-participar.active .slide-content {
  opacity: 1;
}

.slide-title {
  font-family: "Obviously Italic", Sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  text-transform: uppercase;
}

.slide-number {
  display: block;
  font-family: "Obviously Italic", Sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
}

.slide-heading {
  display: block;
  font-family: "Obviously Italic", Sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
}

.slide-description {
  margin-top: 15px;
  font-family: 'Gotham', sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 27px;
  color: white;
}

/* Media Query para o slider Como Participar. Troca a exibição de horizontal para vertical no mobile */ 
@media (max-width: 768px) {
  .participar-slider {
    flex-direction: column;
    height: auto;
    padding: 0 20px;
  }

  .slide-participar {
    position: relative;
    overflow: hidden;
    flex: none;
    height: 80px;
    transition: height 0.6s ease;
    justify-content: center;
    align-items: center;
    padding: 10px;
    justify-content: center;
    text-align: center;
  }

  .slide-participar.active {
    height: auto;
    min-height: 400px;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
    text-align: left;
  }

  .slide-content {
    opacity: 0;
    max-width: 100%;
    transition: opacity 0.4s ease;
  }

  .slide-participar.active .slide-content {
    opacity: 1;
  }

  .slide-number-only {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: block;
    font-family: "Obviously Italic", Sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 36px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease;
  }

  .slide-participar.active .slide-number-only {
    opacity: 0;
    visibility: hidden;
  }
}