/**
 * FAQ Block Styles
 */

.question-content {
  margin: 0;
  text-align: center;
  background: #ffbec4 !important; /* coral-60 */
}

.question-content h2 {
  color: #000756; /* blue-120 */
}

.question-content .wp-block-heading {
  margin-top: 0;
}

.question-content p {
  margin: 0;
}

.question-content a {
  font-family: Circular-Pro-Bold, Arial, sans-serif;
}

.question-content a:active,
.question-content a:focus,
.question-content a:hover {
  color: #000756; /* blue-120 */
}

.question-content a:focus {
  box-shadow: 0 0 0 2px #002970; /* blue-100 */
}

.question-content__item {
  background: #ff919c; /* coral-100 */
  padding: 3em;
  width: 100%;
}

/* Desktop layout: 2 columns */
@media (min-width: 56.25em) {
  .question-content {
    display: flex;
    flex-flow: row wrap;
    gap: 2px;
  }

  .question-content__item {
    width: 49.75%;
    width: calc(50% - 1px);
  }

  /* When odd amount, the last is full width */
  .question-content__item:nth-last-child(1):nth-child(odd) {
    width: 100%;
  }
}

/* Editor specific styles */
.editor-styles-wrapper .question-content a,
.editor-styles-wrapper .question-content a:hover,
.editor-styles-wrapper .question-content a:focus {
  color: white;
}

.editor-styles-wrapper .question-content__item {
  width: auto;
}