/* 
 * 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-quote{
  position:relative;
  display:block;
  max-width:666px;
  margin:0 auto var(--awx-sp-v2);
  padding:0;
}

.awx-quote__text{
  display:block;
  margin:0 0 var(--awx-sp-v1-5);
  padding:0;
  font-size:1rem;
  line-height:1.5;
}

.awx-quote__text > :last-child{
    margin-bottom:0;
  }

.awx-quote__text::before{
    position:absolute;
    z-index:0;
    top:-1.875rem;
    left:-1.25rem;
    content:"“";
    opacity:0.15;
    font-family:serif;
    font-size:3.5rem;
    font-weight:bold;
  }

.awx-quote__text p{
    position:relative;
    z-index:1;
    float:none;
    overflow:hidden;
    height:auto;
  }

.awx-quote__caption{
  display:grid;
  grid-template-areas:"logo" "author" "info";
  grid-template-rows:auto;
  grid-template-columns:auto;
  padding:0;
  grid-gap:0;
  gap:0;
}

.awx-quote__caption address{
  margin:0;
  padding:0;
}

.awx-quote__author{
  -ms-grid-row:3;
  -ms-grid-column:1;
  display:block;
  grid-area:author;
  align-self:end;
  font-size:1.125rem;
  font-weight:700;
}

.awx-quote__info{
  -ms-grid-row:5;
  -ms-grid-column:1;
  grid-area:info;
  align-self:start;
}

.awx-quote__logo{
  -ms-grid-row:1;
  -ms-grid-column:1;
  grid-area:logo;
  width:auto;
  height:60px;
  margin-top:1rem;
  margin-bottom:1rem;
}

@media (min-width: 48em){
  .awx-quote__text{
    font-size:1.25rem;
  }

    .awx-quote__text::before{
      top:-4.75rem;
      left:-3.25rem;
      font-size:8rem;
    }

  .awx-quote__caption{
    grid-template-areas:"logo author" "logo info";
    grid-template-columns:auto 1fr;
  }

  .awx-quote__logo{
    justify-self:end;
    width:auto;
    height:auto;
    margin-top:0;
    margin-right:1rem;
    margin-bottom:0;
  }

  .awx-quote__author{
    -ms-grid-row:1;
    -ms-grid-column:3;
  }

  .awx-quote__info{
    -ms-grid-row:3;
    -ms-grid-column:3;
  }

  .awx-quote__logo{
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    -ms-grid-column:1;
  }
}