/* 
 * 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-node-push{
  position:relative;
  display:flex;
  width:100%;
  height:200px;
  color:var(--awx-color-text);
  border-radius:var(--awx-border-radius);
  background-color:var(--awx-white);
  box-shadow:0 0 3em -0.2em var(--awx-color-dominant-shadow);
}

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

.awx-node-push__picture{
  flex:0 0 160px;
  width:160px;
  height:200px;
}

.awx-node-push__picture figure,.awx-node-push__picture picture,.awx-node-push__picture img{
    width:160px;
    height:200px;
    margin:0;
    padding:0;
    color:var(--awx-color-dominant-disabled);
    border-top-left-radius:var(--awx-border-radius);
    border-bottom-left-radius:var(--awx-border-radius);
    background-color:var(--awx-white-refined);
  }

.awx-node-push__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin:0;
  padding:var(--awx-sp-v1-5) var(--awx-sp-h) var(--awx-sp-v0-5);
  gap:var(--awx-sp-v0-75) var(--awx-sp-h0-75);
}

.awx-node-push__meta{
  display:flex;
  flex:0 0 auto;
  align-items:baseline;
  justify-content:space-between;
  width:100%;
  font-size:0.875rem;
}

.awx-node-push__date{
  display:block;
  margin:0;
  padding:0;
}

.awx-node-push__title{
  display:block;
  flex:1;
  margin:0;
  font-size:1rem;
  font-weight:400;
}

.awx-node-push__title.has-medium-title{
    font-size:0.875rem;
  }

.awx-node-push__title.has-long-title{
    font-size:0.75rem;
  }

.awx-node-push__title.has-very-long-title{
    font-size:0.75rem;
  }

.has-description .awx-node-push__title{
  flex:0;
  margin:0;
  padding:0;
  font-weight:700;
}

.awx-node-push__description{
  flex:1;
  margin:0;
  padding:0;
  font-size:0.875rem;
}

.awx-menu-pushes{
  position:relative;
  z-index:0;
  max-width:calc(var(--awx-drawer-menu-width) - var(--awx-sp-h7));
  height:200px;
  margin-top:var(--awx-sp-v3);
  margin-right:var(--awx-sp-h2);
  margin-left:var(--awx-sp-h2);
}

.awx-menu-pushes .awx-node-push,.awx-menu-pushes .awx-node-push img{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
  }

.awx-menu-list--level0 ~ .awx-menu-pushes{
  margin-top:var(--awx-sp-v);
}

.awx-menu-list__item--last-parent .awx-menu-pushes{
  margin-top:var(--awx-sp-v2);
}

@media (min-width: 36em){
  .awx-node-push__title{
    font-size:1.5rem;
  }

    .awx-node-push__title.has-medium-title{
      font-size:1.25rem;
    }

    .awx-node-push__title.has-long-title{
      font-size:1rem;
    }

    .awx-node-push__title.has-very-long-title{
      font-size:0.875rem;
    }

  .has-description .awx-node-push__title{
    font-size:1rem;
  }
}

@media (min-width: 64em){
  .awx-menu-pushes{
    margin-right:0;
    margin-bottom:var(--awx-sp-h4);
    margin-left:0;
  }
}

.awx-node-push--highlight{
  position:absolute;
  z-index:2;
  right:0;
  bottom:var(--awx-sp-v4);
  width:24rem;
  max-width:calc(100vw - var(--awx-sp-h2));
  height:auto;
  border-radius:var(--awx-border-radius) 0 0 var(--awx-border-radius);
}

.awx-node-push--highlight .awx-node-push__content{
    width:100%;
    padding-right:var(--awx-sp-h2);
    padding-bottom:var(--awx-sp-h);
  }

.awx-node-push--highlight .awx-button__secondary{
    height:auto;
    margin-top:auto;
  }

@media (orientation: landscape) and (max-width: 64em){
  .awx-node-push--highlight{
    position:relative;
    bottom:auto;
    float:right;
    margin-bottom:var(--awx-sp-v5);
  }
}

@media (min-width: 48em){
  .awx-node-push--highlight{
    position:absolute;
    right:0;
    bottom:var(--awx-sp-v3);
    float:none;
    margin-bottom:0;
  }
}

@media (min-width: 64em){
  .awx-node-push--highlight{
    bottom:var(--awx-sp-v6);
  }
}

@media (min-width: 121em){
  .awx-node-push--highlight::after{
    position:absolute;
    top:0;
    right:calc(var(--awx-sp-h)*-1);
    bottom:0;
    width:var(--awx-sp-h);
    content:"";
    border-radius:0 var(--awx-border-radius) var(--awx-border-radius) 0;
    background-color:var(--awx-color-accent);
  }
}