/* 
 * 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-text-image.has-bottom-content{
  padding-bottom:var(--awx-sp-v) !important;
  content-visibility:unset;
}

.awx-text-image__content{
  margin-bottom:var(--awx-sp-v3);
}

.awx-text-image__content *:first-child:not(blockquote){
    margin-top:0;
    padding-top:0;
  }

.awx-text-image__content *:last-child:not(blockquote){
    margin-bottom:0;
    padding-bottom:0;
  }

.awx-text-image .awx-carousel{
  width:100vw;
  margin-right:calc(var(--awx-sp-h1-5)*-1) !important;
  margin-left:calc(var(--awx-sp-h1-5)*-1) !important;
}

.awx-text-image__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--awx-sp-v) var(--awx-sp-h);
  margin-bottom:var(--awx-sp-v3);
}

.awx-text-image__actions .awx-button{
  flex:1 0 100%;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
  padding:0.6em 0.9em;
  white-space:normal;
  line-height:var(--awx-line-height);
}

.awx-text-image__actions .awx-button:last-child{
  margin-bottom:0;
}

@media (min-width: 48em){
  .awx-text-image__actions .awx-button{
    flex-basis:auto;
    flex-grow:0;
    flex-shrink:0;
    width:auto;
  }
}

@media (min-width: 64em){
  .awx-text-image.has-bottom-content{
    padding-bottom:0 !important;
  }

  .awx-text-image.has-bottom-content .awx-section__content{
    min-height:480px;
    padding-bottom:400px;
  }

  .awx-text-image .awx-carousel{
    position:absolute;
    z-index:2;
    right:0;
    bottom:var(--awx-sp-v2);
    left:0;
    width:100%;
    margin:0 !important;
    padding:0 !important;
  }

  .awx-text-image__actions{
    margin-bottom:0;
  }

    .awx-text-image__actions .awx-button{
      margin-right:0;
    }
}

@media (min-width: 90em){
  .awx-text-image.has-bottom-content .awx-section__content{
    padding-bottom:290px;
  }
}

@media (min-width: 120em){
  .awx-text-image.has-bottom-content .awx-section__content{
    padding-bottom:290px;
  }
}