/*******************************************************************************************************************************************
 *																																																																				 *
 *				CSS das páginas iniciais que tem cards de próximos eventos menos a página <front> que a apresentação está em carrossel        	 *
 *																																																																				 *
 *******************************************************************************************************************************************/

.view-proximos-eventos .more-link{
	display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
  grid-area: more;
}
/*.card-evento .titulo-evento {*/
/*  font-size: var(--bs-h7-font-size);*/
/*}*/
/*.card-evento .evento-horario {*/
/*  font-size: var(--bs-t4-font-size);*/
/*  font-weight: 400;*/
/*}*/

/*.card-evento .evento-footer a {*/
/*  font-style: normal;*/
/*  font-size: var(--bs-t4-font-size);*/
/*  font-weight: 400;*/
/*}*/
/*******************************************************************************************************************************************
 *																																																																				 *
 *																								Outros	Links							      																												 *
 *																																																																				 *
 *******************************************************************************************************************************************/
/*Outros Links*/

.view-proximos-eventos .field.field--name-field-links-primarios.field--type-link.field--label-hidden.field__items{
	display: flex;
  flex-direction: column;
  gap: 31px;
}
.view-proximos-eventos .field__item a {
  text-decoration: none;
  color: var(--bs-emphasis-color);
  font-size: var(--bs-btn2-font-size);
  font-weight: 700;
}
.view-proximos-eventos .field__item {
  max-width: 621px;
  background-color: var(--bs-gray-light);
  display: flex;
  justify-content: center;
  padding: 19px 43px 21px 41px;
  border-radius: 20px;
}
.view-proximos-eventos .view-footer .fw-bold {
 	font-size: var(--bs-h2-font-size);
  margin-bottom: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media (max-width: 768px) {
	.view-proximos-eventos .view-footer .fw-bold{
		margin-top: 40px;
	}
}

/*******************************************************************************************************************************************
 *																																																																				 *
 *																Próximos eventos da página de extensão                                                                   *
 *******************************************************************************************************************************************/

.proximos-eventos-extensao .view-content.row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  grid-area: content;
}


.proximos-eventos-extensao .view-header {
	grid-area: head;
}

.proximos-eventos-extensao .view-footer {
	grid-area: side;
}

.proximos-eventos-extensao{
	padding: 32px 0 32px 0;
}