.l__region {
  width: 100%; }

.l__region + .l__region {
  margin-top: 0rem; }
  @media (min-width: 48em) {
    .l__region + .l__region {
      margin-top: 3rem; } }
  @media (min-width: 62em) {
    .l__region + .l__region {
      margin-top: 0; } }

.layout:not(.l--full-bleed) .l__main {
  margin: -1.52778rem; }
  .layout:not(.l--full-bleed) .l__main .l__region {
    padding: 1.52778rem; }

.layout--notification:not(.l--full-bleed) {
  font-size: 0.88889rem;
  background-color: #ffd100; }
  .layout--notification:not(.l--full-bleed) .l__main {
    margin: 0rem -1.52778rem; }
    @media (min-width: 48em) {
      .layout--notification:not(.l--full-bleed) .l__main {
        margin: 0rem -1.52778rem; } }
    .layout--notification:not(.l--full-bleed) .l__main .l__region {
      padding: 0.05556rem 1.52778rem; }
      .layout--notification:not(.l--full-bleed) .l__main .l__region:nth-of-type(1) {
        padding-top: 0.05556rem; }
      @media (min-width: 48em) {
        .layout--notification:not(.l--full-bleed) .l__main .l__region {
          padding: 0.05556rem 1.52778rem;
          margin: 1.11111rem 0 1.11111rem; }
          .layout--notification:not(.l--full-bleed) .l__main .l__region:first-of-type {
            padding-top: 0.55556rem;
            margin-top: 0; }
          .layout--notification:not(.l--full-bleed) .l__main .l__region:last-of-type {
            padding-bottom: 0.55556rem; } }
      @media (min-width: 62em) {
        .layout--notification:not(.l--full-bleed) .l__main .l__region {
          margin-top: 0.05556rem; }
          .layout--notification:not(.l--full-bleed) .l__main .l__region:first-of-type {
            margin-top: 1.11111rem;
            border-right: 0.05556rem solid #000; }
            .layout--notification:not(.l--full-bleed) .l__main .l__region:first-of-type p {
              margin-top: 0;
              margin-bottom: 0; }
          .layout--notification:not(.l--full-bleed) .l__main .l__region:last-of-type {
            margin-top: 1.11111rem;
            border-left: 0.05556rem solid #000; }
            .layout--notification:not(.l--full-bleed) .l__main .l__region:last-of-type p {
              margin-top: 0; } }

@media (min-width: 62em) {
  .l__main {
    -ms-flex-align: stretch;
        align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .l__main .l__region {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
    .column-priority-right .l__main {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
  .l--layout-onecolumn .l__region {
    width: 100%; }
  .l--layout-twocolumn-halves .l__main > .l__primary,
  .l--layout-twocolumn-halves .l__main > .l__secondary {
    width: 50%; }
  .l--layout-twocolumn-onethird-twothirds .l__main > .l__primary {
    width: 33.33333%; }
  .l--layout-twocolumn-onethird-twothirds .l__main > .l__secondary {
    width: 66.66667%; }
  .l--layout-twocolumn-twothirds-onethird .l__main > .l__primary {
    width: 66.66667%; }
  .l--layout-twocolumn-twothirds-onethird .l__main > .l__secondary {
    width: 33.33333%; }
  .l--layout-threecolumn-thirds .l__main > .l__primary,
  .l--layout-threecolumn-thirds .l__main > .l__secondary,
  .l--layout-threecolumn-thirds .l__main > .l__tertiary {
    width: 33.33333%; }
  .l--layout-threecolumn-half-quarter-quarter .l__main > .l__primary {
    width: 50%; }
  .l--layout-threecolumn-half-quarter-quarter .l__main > .l__secondary,
  .l--layout-threecolumn-half-quarter-quarter .l__main > .l__tertiary {
    width: 25%; }
  .l--layout-threecolumn-quarter-half-quarter .l__main > .l__secondary {
    width: 50%; }
  .l--layout-threecolumn-quarter-half-quarter .l__main > .l__primary,
  .l--layout-threecolumn-quarter-half-quarter .l__main > .l__tertiary {
    width: 25%; }
  .l--layout-threecolumn-quarter-quarter-half .l__main > .l__tertiary {
    width: 50%; }
  .l--layout-threecolumn-quarter-quarter-half .l__main > .l__primary,
  .l--layout-threecolumn-quarter-quarter-half .l__main > .l__secondary {
    width: 25%; } }

.l--layout-fourcolum-fourths .l__main > .l__primary,
.l--layout-fourcolum-fourths .l__main > .l__secondary,
.l--layout-fourcolum-fourths .l__main > .l__tertiary,
.l--layout-fourcolum-fourths .l__main > .l__quaternary {
  width: 25%; }