/**
 * Collapsible Text
 */

.collapsible-text {
  padding: 1rem 0;
  background-color: var(--brand-secondary-light-color);
}
.collapsible-text a{
  text-decoration: underline;
}
.collapsible-text__content {
  overflow: hidden;
  transition: 0.1s;
  height: 225px;
}
.collapsible-text__content .text-formatted *:first-child{
  margin-bottom: 0;
}
.collapsible-text__content .text-formatted *:nth-child(2){
  margin-top: 0.25rem;
}
.collapsible-text__button {
  border: none;
  background-color: transparent;
  display: block;
  margin: 0 auto;
  transform: translateY(-1rem);
}
.collapsible-text__button.active {
  display: none;
}
.collapsible-text__button-wrapper {
  position: relative;
}
.collapsible-text__button-wrapper::before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: -3.5rem;
  height: 60px;
  background: linear-gradient(0deg, rgba(245,247,250,1) 50%, rgba(245,247,250,0.8128385143119747) 85%, rgba(245,247,250,0.5019141445640756) 92%, rgba(245,247,250,0) 100%);
}
.collapsible-text.active .collapsible-text__button-wrapper::before {
  background: transparent;
}
@media all and (min-width: 420px) {
  .collapsible-text__content {
    height: 200px;
  }
  .collapsible-text__content .text-formatted *:nth-child(2){
    margin-top: 0.5rem;
  }
}
@media all and (min-width: 768px) {
  .collapsible-text {
    padding: 2rem 0;
  }
  .collapsible-text__button-wrapper::before {
    top: -2rem;
    height: 45px;
  }
  .collapsible-text__button {
    transform: none;
  }
  .collapsible-text__content {
    height: 175px;
  }
}
@media all and (min-width: 1000px) {
  .collapsible-text {
    padding: 3rem 0;
  }
}
@media all and (min-width: 1300px) {
  .collapsible-text__content {
    height: 210px;
  }
  .collapsible-text__content .text-formatted *:nth-child(2){
    margin-top: 0.25rem;
  }
}
@media all and (min-width: 1360px) {
  .collapsible-text {
    padding: 4rem 0;
  }
}