/* 
 * 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-job-positions .awx-section__secondary-content{
  background-position-y:top;
}

.awx-job-positions__description{
  margin-bottom:var(--awx-sp-v3);
}

.awx-carousel.awx-job-positions__carousel{
  --carousel-item-width:18rem;
  --carousel-item-gap:var(--awx-sp-h);
  --carousel-inline-padding:var(--awx-body-padding-h-lg);
}

.awx-carousel.awx-job-positions__carousel .awx-carousel__controls{
    padding-right:var(--awx-body-padding-h-lg);
  }

.awx-job-positions__cta{
  margin:var(--awx-sp-h2) var(--awx-body-padding-h-lg);
}

.awx-job-positions__cta .awx-button{
    width:100%;
  }

@media (min-width: 64em){
  .awx-job-positions__cta{
    text-align:center;
  }

    .awx-job-positions__cta .awx-button{
      width:auto;
    }
    .awx-carousel.awx-job-positions__carousel .awx-carousel__indicator{
      right:calc(var(--awx-body-padding-h-lg) + var(--awx-sp-h5));
      left:var(--awx-body-padding-h-lg);
    }

  .pattern-preview__markup .awx-carousel.awx-job-positions__carousel .awx-carousel__indicator{
    right:calc(var(--awx-body-padding-h-lg) + var(--awx-sp-h5));
  }
}