/* Styles pour la page Pardon et suspension de casier judiciaire */

h2 {
  margin-top: 0;
}

a.btn:before {
  content: none;
}

p.questions {
  margin: 2.5rem 0 2rem;
  padding: 2rem;
  background-color: #F9F1F2;
  font-size: 1.125em;
}

#main h3 {
  margin-top: 2.5rem;
}

.featured-bottom {
  background-color: #F9F1F2;
}

#block-sefq-faqsuspensiondecasier {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

#block-sefq-faqsuspensiondecasier h2 {
  margin-bottom: 2.5rem;
}

.paragraph--type--question-et-reponse h3 {
  margin-bottom: 1.5rem;
  margin-top: 0;
  display: inline-block;
  max-width: 75%;
  padding-right: 1.5rem; 
  background-color: #F9F1F2;
  position: relative;
  z-index: 1;
}

.paragraph--type--question-et-reponse {
 margin-bottom: 1.5rem; 
}

.paragraph--type--question-et-reponse .btn-primary {
  display: block;
  padding: 0 30px 0 0;
  background-color: transparent;
  border: none;
  color: #050227;
  position: relative;
  width: 100%;
  text-align: left;
}

.paragraph--type--question-et-reponse .btn-primary:before  {
    content: " ";
    width: 100%;
    position: absolute;
    top: 20px;    
    border-bottom: 2px solid #F0C8CD;
  }

.paragraph--type--question-et-reponse .collapsed.btn-primary:after {
  content: "\f0fe";
  right: 0px;
  position: absolute;
  top: 6px;
  font: var(--fa-font-regular);
  font-size: 30px;
  padding-left: 1.5rem;
  background-color: #F9F1F2;
}

.paragraph--type--question-et-reponse .btn-primary:after {
  content: "\f146";
  right: 0px;
  position: absolute;
  top: 6px;
  font: var(--fa-font-regular);
  font-size: 30px;
  padding-left: 1.5rem;
  background-color: #F9F1F2;
}

.paragraph--type--question-et-reponse .btn-primary:hover {
  background-color: transparent;
  border: none;
}

.paragraph--type--question-et-reponse .field--name-field-reponse {
  padding-bottom: 36px;
}

@media(max-width:991px) {
  .paragraph--type--question-et-reponse .btn-primary:before {
    content: none;
  }
  .paragraph--type--question-et-reponse h3 {
  max-width: 100%;

}
  
}