/* 
 * 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.
 */

.ckeditor-col-container{
  display:grid !important;
  grid-template-columns:repeat(12, 1fr) !important;
  margin:0 !important;
  grid-column-gap:var(--awx-sp-h);
  -moz-column-gap:var(--awx-sp-h);
  column-gap:var(--awx-sp-h);
  grid-row-gap:var(--awx-sp-v);
  row-gap:var(--awx-sp-v);
}

.ckeditor-col-container .onecol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .onecol{
      grid-column:span 1;
  }
    }

.ckeditor-col-container .twocol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .twocol{
      grid-column:span 2;
  }
    }

.ckeditor-col-container .threecol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .threecol{
      grid-column:span 3;
  }
    }

.ckeditor-col-container .fourcol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .fourcol{
      grid-column:span 4;
  }
    }

.ckeditor-col-container .fivecol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .fivecol{
      grid-column:span 5;
  }
    }

.ckeditor-col-container .sixcol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .sixcol{
      grid-column:span 6;
  }
    }

.ckeditor-col-container .sevencol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .sevencol{
      grid-column:span 7;
  }
    }

.ckeditor-col-container .eightcol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .eightcol{
      grid-column:span 8;
  }
    }

.ckeditor-col-container .ninecol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .ninecol{
      grid-column:span 9;
  }
    }

.ckeditor-col-container .tencol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .tencol{
      grid-column:span 10;
  }
    }

.ckeditor-col-container .elevencol{
    grid-column:span 12;
  }

@media (min-width: 64em){

.ckeditor-col-container .elevencol{
      grid-column:span 11;
  }
    }

.ckeditor-col-container .twelvecol{
    grid-column:span 12;
  }

.ckeditor-col-container .onecol,.ckeditor-col-container .twocol,.ckeditor-col-container .threecol,.ckeditor-col-container .fourcol,.ckeditor-col-container .fivecol,.ckeditor-col-container .sixcol,.ckeditor-col-container .sevencol,.ckeditor-col-container .eightcol,.ckeditor-col-container .ninecol,.ckeditor-col-container .tencol,.ckeditor-col-container .elevencol,.ckeditor-col-container .twelvecol{
    position:relative;
    float:none !important;
    width:100%;
    margin:0 !important;
    padding:0 !important;
  }

.ck .ckeditor-col-container > *{
  outline:1px dashed var(--awx-color-dark-line);
}