#newsletterBlock{
  background: var(--cream);
}

#segnalazioni .myForm .select2-container--default .select2-selection--single .select2-selection__rendered[data-is-placeholder="true"]{
  color: var(--blue);
  opacity: .5;
}

#segnalazioni .typeSelector{
  text-align: center;
}

#segnalazioni .typeSelector > button{
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 1rem;
  cursor: pointer;
}

#segnalazioni .typeSelector > button:hover{
  background-color: transparent;
  border-color: var(--blue);
}

#segnalazioni .typeSelector > button.active{
  background-color: var(--lightblue);
  border-color: var(--lightblue);
  color: white;
}

#segnalazioni #reportFormFields{
  transition: all .3s ease-out;
  position: relative;
}

#segnalazioni #reportFormFields.show{
  transform: translateY(0);
  opacity: 1;
}

#segnalazioni #reportFormFields:not(.show){
  transform: translateY(-5rem);
  opacity: 0;
  height: 0;
  z-index: -1;
}

#segnalazioni #faqBlock.show{
  display: block;
}

#segnalazioni #faqBlock:not(.show){
  display: none;
}

#segnalazioni #showFormBlock.show{
  display: block;
}

#segnalazioni #showFormBlock:not(.show){
  display: none;
}

#segnalazioni #faqList > ul{
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
}

#segnalazioni #faqList > ul > li{
  display: block;
}

#segnalazioni #faqList > ul > li > article{
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  width: 100%;
}

#segnalazioni #faqList > ul > li > article > header{
  flex: 1 1 auto;
}

#segnalazioni #faqList > ul > li > article > footer{
  flex: 0 0 auto;
}

#segnalazioni #faqList .faq .explode{
  background: transparent;
  border: none;
}