#pnav {
  opacity: 1;
  max-height: none;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}
[id^="pnav-"]:not(#pnav-controls) {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}

.show-section {
  opacity: 1 !important;
  max-height: 5000px !important;
  pointer-events: auto;
}

#pnav-controls {
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

#pnav-controls.show-controls {
  display: block !important;
  opacity: 1 !important;
  justify-content: center;
  gap: 1rem;
}
.callout-flex {
  display: flex;
  flex-direction: column;
}
.callout-flex .fl-module-callout,
.callout-flex .fl-callout,
.callout-flex .fl-callout-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.callout-flex .fl-callout-text-wrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.callout-flex .fl-callout-button {
  margin-top: auto;
}