/* 
 * 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-position{
  display:block;
  width:18rem;
  min-height:12rem;
  color:var(--awx-color-text);
  border-radius:var(--awx-border-radius);
  background-color:var(--awx-white);
}

.awx-job-position__link{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
  padding:var(--awx-sp-v1-5) var(--awx-sp-h1-5);
  -webkit-text-decoration:none !important;
  text-decoration:none !important;
  gap:var(--awx-sp-v0-5);
}

.awx-job-position__position{
  margin:0;
  padding:0;
  color:var(--awx-color-accent);
  font-size:1.125rem;
  font-weight:500;
  line-height:var(--awx-line-height);
}

.awx-job-position__summary{
  margin:0;
  padding:0;
  color:var(--awx-color-text);
  font-size:0.875rem;
}

.awx-job-position__summary > *:last-child{
    margin-bottom:0;
    padding-bottom:0;
  }

.awx-job-position__meta{
  color:var(--awx-color-dominant-gray);
  font-size:0.875rem;
}

.awx-job-position__meta-item{
  margin:0 0 var(--awx-sp-v0-25);
  padding:0;
}

.awx-job-position--light-gray{
  background-color:var(--awx-color-dominant-lighter);
}

.awx-job-position--dark{
  color:var(--awx-color-text-light);
  background-color:var(--awx-color-dominant-dark);
}

.awx-job-position--dark .awx-job-position__position,.awx-job-position--dark .awx-job-position__summary{
    color:var(--awx-color-text-light);
  }

.awx-job-position--dark .awx-job-position__meta{
    color:var(--awx-color-link-light-active);
  }