/** Layout  Content Medium Styles */

/**
 * @file
 * Grid system definition for the content wide layout.
 */

 .layout--content-medium,
 .layout--pass--content-medium > * {
   -ms-grid-column: 1;
   -ms-grid-column-span: 6;
   grid-column: 1 / 7;
   width: 100%
 }
 
 @media (min-width: 43.75rem) {
 
    .layout--content-medium,
    .layout--pass--content-medium > * {
        -ms-grid-column: 2;
        -ms-grid-column-span: 12;
        grid-column: 2 / 14
    }
}
 
 @media (min-width: 62.5rem) {
 
    .layout--content-medium,
    .layout--pass--content-medium > * {
        -ms-grid-column: 3;
        -ms-grid-column-span: 10;
        grid-column: 1 / 16
    }

    .path-submissions .layout--content-medium,
    .path-submissions .layout--pass--content-medium > * {
        -ms-grid-column: 3;
        -ms-grid-column-span: 10;
        grid-column: 1 / 16
    }

}
 
 /*
   If .layout--content-medium is nested within itself, or an element that's inheriting the
   layout--content-medium styles from its parent region, go full width within its
   parent .grid-full.
 */
 
 @media (min-width: 43.75rem) {
 
 .layout--pass--content-medium > * .layout--content-medium,
   .layout--pass--content-medium > * .layout--pass--content-medium > *,
   .layout--content-medium .layout--content-medium,
   .layout--content-medium .layout--pass--content-medium > * {
       -ms-grid-column: 1;
       -ms-grid-column-span: 12;
       grid-column: 1 / 13
   }
     }
 
 @media (min-width: 62.5rem) {
 
 .layout--pass--content-medium > * .layout--content-medium,
   .layout--pass--content-medium > * .layout--pass--content-medium > *,
   .layout--content-medium .layout--content-medium,
   .layout--content-medium .layout--pass--content-medium > * {
          -ms-grid-column: 1;
          -ms-grid-column-span: 10;
          grid-column: 1 / 14
      }
     }