/*****************************************************************
**																															**
**				Documento Sobrescreve estilos do tema,								**
**						blocos e view que aparecem na											**
**				Página inicial. Alguns Blocos tem suas								**
**							próprias folhas de estilo												**
**																															**
*****************************************************************/

/*****************************************************************
**																															**
**									Próximos Eventos														**
**					Bloco tem sua própria folha de estilos		 					**
**																															**
*****************************************************************/

.view-proximos-eventos .carousel-control-prev a::before {
    font-family: 'Font Awesome 5 Free';
    content: "1";
    font-size: var(--bs-h5-font-size);
    color: var(--bs-primary);
}

.view-proximos-eventos span.carousel-control-prev-icon::before {
    content: '\f060';
    font-size: var(--bs-h5-font-size);
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--bs-primary);
    line-height: 1;
}

.view-proximos-eventos .carousel-control-prev, 
.view-proximos-eventos .carousel-control-next {
    background-color: var(--bs-gray-600);
    opacity: 1;
    height: 62px;
    width: 62px;
    top: 49%;
    border-radius: 50%;
    text-decoration: none;
}

.view-proximos-eventos .carousel-control-next-icon, 
.view-proximos-eventos .carousel-control-prev-icon {
    background-image: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-proximos-eventos .carousel-control-next-icon:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    line-height: 1;
    font-size: 22px;
    color: var(--bs-primary);
}

.block-views-blockproximos-eventos-block-1,
.block-views-blockproximos-eventos-block-15 {
    background: var(--bs-gray-300);
    padding: 78px 0 133px;
    margin: 0;
    margin: 0;
}



.block-views-blockproximos-eventos-block-1 .position-relative,
.block-views-blockproximos-eventos-block-15 .position-relative  {
    min-width: 400px;
    max-width: 400px;
}

.view-proximos-eventos .view-content.row {
    max-width: 1020px;
    min-width: 1020px;
}

.view-proximos-eventos .carousel-inner, 
.view-proximos-eventos .carousel-item, 
.view-proximos-eventos .carousel-item .row {
    gap: 20px;
    max-width: 820px;
    max-height: 540px;
    min-height: 540px;
    margin: auto;
}


.view-proximos-eventos {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

.eventos-header {
	margin-bottom: 1.25rem;
}

.card-evento .decoracao-titulo {
	margin: 1.25rem auto auto;
}

a.ver-mais-eventos {
  text-decoration: none;
  font-size: var(--bs-btn1-font-size);
  line-height: 32px;
  font-weight: 700;
  color: var(--bs-primary);
  position:static;
}


h2.proximos-evento-title {
    font-size: var(--bs-h2-font-size);
    margin-bottom: 9px;
}

a.ver-mais-eventos::after {
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    margin-left: 10px;
    color: var(--bs-primary);
}

a.ver-mais-eventos.mobile {
    display: none;
}

.view-proximos-eventos .card-evento {
	min-width: 400px;
	max-width: 400px;
}


/******************************
 *			IFCH em Números				*
 *****************************/
 .big-numbers-view {
 	margin-top: 1.5rem;
 	margin-bottom: 2.25rem;
 }
.big-numbers-view .row {
	gap: 0.5rem;
}
 
.big-numbers .value {
  color: var(--bs-primary);
  font-size: var(--bs-bignumber-font-size);
}

.big-numbers h3 {
  font-size: var(--bs-h4-font-size);
  font-weight: 800;
}

.title-big-numbers {
  font-size: var(--bs-h2-font-size);
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

.title-big-numbers strong {
  font-weight: 800;
  
}

.big-numbers {
  background: var(--bs-gray-light);
  border-radius: 20px;
  align-items: center;
  padding: 10px;
}

.big-numbers.col-6 {
    width: calc(50% - 0.5rem);
}
#page-wrapper #page .row .big-numbers {
	padding: 1.5rem 0;
}
/******************************
 *			Diferentes telas			*
 ******************************/

@media screen AND (max-width: 1080px) {
	.view-proximos-eventos .view-content.row {
		max-width: 100%;
		min-width: 100%;
	}
	.view-proximos-eventos .card-evento {
		min-width: 320px;
		max-width: 320px;
	}
	
	.block-views-blockproximos-eventos-block-1 .position-relative,
	.block-views-blockproximos-eventos-block-15 .position-relative  {
	    min-width: 100%;
	    max-width: 400px;
	}
	
	.view-proximos-eventos {
		display: block;
	}
	
 .carousel.slide,.carousel.slide.pointer-event{
		padding-left: 0px;
	  padding-right: 0px;
	} 
	
	.carousel-item .col-sm-6 {
    flex: 0 0 100%; 
    max-width: 100%;
  }
  .block-views-blockproximos-eventos-block-1 {
    padding: 28px 0;
  }
  .view-proximos-eventos .carousel-inner, 
	.view-proximos-eventos .carousel-item, 
	.view-proximos-eventos .carousel-item .row {
		max-height: unset;
		max-width: 320px;
	}

  .view-proximos-eventos .carousel-control-prev,
  .view-proximos-eventos .carousel-control-next {
    display: none;
	}
	
	.carousel-inner {
    overflow: visible; 
	}
	h2.proximos-evento-title {
		font-weight: 800;
    line-height: 20px;
    padding-left:20px;
    max-width: 320px;
    margin: auto auto 1.25rem;
	}
	a.ver-mais-eventos:not(.mobile){
    display: none;
	}
	
	a.ver-mais-eventos.mobile {
    display: block;
	}
	
	.view-proximos-eventos .view-footer {
    width: 320px;
    margin: auto;
    margin: 1.25rem auto 2rem;
    display: flex;
    justify-content: center;
	}
	
	a.ver-mais-eventos {
		text-decoration: underline;
    line-height: 30px;
    font-weight: 800;
    width: fit-content;
	}
}

@media (min-width: 768px) {
	.big-numbers.col-md-4 {
		width: calc(33.333% - 0.5rem);
	}
	
	#page-wrapper #page .row .big-numbers {
		padding: 4.25rem 0;
	}
	.big-numbers-view {
		margin-top: 3.75rem;
    margin-bottom: 10rem;
	}
	
	.title-big-numbers {
	  line-height: 4rem;
	  margin-bottom: 3rem;
	}
}