/* 
 * 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-page-footer{
  z-index:1;
  margin-top:0;
  color:var(--awx-color-text-light);
  border-top:1px solid var(--awx-color-light-line);
  background-color:var(--awx-color-dominant);
  background-image:url("../../../../assets/images/airbus-carbon-grid-cropped.png");
  background-repeat:no-repeat;
  background-position:center 10rem;
  background-size:240%;
  text-shadow:0 0 0.75rem var(--awx-color-dominant-dark);
  background-blend-mode:normal;
}

.awx-page-footer .awx-button{
  text-shadow:none;
}

.awx-page-footer button:not(.awx-button),
.awx-page-footer a:not(.awx-button){
  color:var(--awx-color-link-light);
}

.awx-page-footer button:not(.awx-button):hover,
.awx-page-footer a:not(.awx-button):hover{
  color:var(--awx-color-link-light-hover);
}

.awx-page-footer a:not(.awx-button):active,
.awx-page-footer a:not(.awx-button).is-active{
  color:var(--awx-color-link-light-active);
}

.awx-page-footer a::after{
  opacity:0.75;
  filter:none;
}

@media (min-width: 36em){
    .awx-page-footer a,.awx-page-footer a > span{
      white-space:nowrap;
    }
}

@media (min-width: 48em){
  .awx-page-footer{
    background-position:center;
    background-size:contain;
  }

  .awx-page-footer-inner,
  .awx-page-closure{
    display:flex;
    justify-content:space-between;
    gap:0;
    padding-right:var(--awx-body-padding-h-lg);
    padding-left:var(--awx-body-padding-h-lg);
  }

  .awx-page-footer-inner{
    padding-top:var(--awx-sp-v3);
  }

  .awx-page-closure{
    padding-bottom:var(--awx-sp-v2);
  }
}

@media (min-width: 64em){
  .awx-page-footer-inner{
    padding-top:var(--awx-sp-v5);
  }
}

@media (min-width: 80em){
  .awx-page-footer{
    position:relative;
    background-image:none;
  }

    .awx-page-footer::before{
      position:absolute;
      content:"";
      opacity:0.75;
      background-image:url("../../../../assets/images/airbus-carbon-grid-cropped-lg.png");
      background-repeat:no-repeat;
      background-position:center;
      background-size:contain;
      top:0;
      right:0;
      bottom:0;
      left:0;
    }
}

@media (min-width: 120em){
  .awx-page-footer::before{
    background-image:url("../../../../assets/images/airbus-carbon-grid.png?rtyur");
  }
}