/* 
 * DO NOT EDIT THIS FILE.
 * The Airbus Web Experience use PostCSS to compile CSS
 * the same way as in the Drupal core except it use the .pcss extension.
 * Therefore, you are supposed to edit the pcss file of the same name.
 */

.awx-introductory{
  content-visibility:unset;
}

.awx-introductory__content{
  margin-bottom:var(--awx-sp-v2);
}

.awx-introductory__content *:first-child{
    margin-top:0;
    padding-top:0;
  }

.awx-introductory__content *:last-child{
    margin-bottom:0;
    padding-bottom:0;
  }

.awx-introductory .awx-section__content .awx-button{
  width:100%;
  margin-bottom:var(--awx-sp-v2);
}

@media (min-width: 64em){
    .awx-introductory.awx-section--sticky-title .awx-section__hgroup{
      top:var(--awx-sticky-top);
    }

    .awx-introductory.awx-section--sticky-title .awx-section__content{
      padding-right:calc(var(--awx-sp-h6)*2);
    }

  .awx-introductory__content{
    margin-top:var(--awx-sp-h2-25);
  }

  .awx-introductory .awx-section__content .awx-button{
    width:auto;
  }

}