.user-is-tabbing :focus {
  outline: 1px dotted currentColor;
  outline-offset: 2px; }

.layout--threecol-bricks {
  position: relative; }
  .layout--threecol-bricks > .layout__region + .layout__region {
    padding-top: 75px; }
    @media (max-width: 767.98px) {
      .layout--threecol-bricks > .layout__region + .layout__region {
        padding-top: 40px; } }
  .layout--threecol-bricks .layout__region--middle.container-fluid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3fr 1fr;
    grid-template-columns: 1fr 3fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto; }
  .layout--threecol-bricks .layout__region--middle.container-fluid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .layout--threecol-bricks .layout__region--middle.container-fluid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }
  .layout--threecol-bricks .layout__region--middle.container-fluid > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    .layout--threecol-bricks .layout__region--middle.container-fluid .layout__region--first {
      -ms-grid-column: 1;
      grid-column: 1; }
    .layout--threecol-bricks .layout__region--middle.container-fluid .layout__region--second {
      -ms-grid-column: 2;
      grid-column: 2; }
      .layout--threecol-bricks .layout__region--middle.container-fluid .layout__region--second .block {
        margin-bottom: 30px; }
    .layout--threecol-bricks .layout__region--middle.container-fluid .layout__region--third {
      -ms-grid-column: 3;
      grid-column: 3; }
  @media (max-width: 991.98px) {
    .layout--threecol-bricks .layout__region--middle.container-fluid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 40px 3fr;
      grid-template-columns: 1fr 3fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      grid-gap: 0 40px; }
    .layout--threecol-bricks .layout__region--middle.container-fluid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .layout--threecol-bricks .layout__region--middle.container-fluid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .layout--threecol-bricks .layout__region--middle.container-fluid .layout__region--third {
        -ms-grid-column: 2;
        grid-column: 2; }
      .layout--threecol-bricks .layout__region--middle.container-fluid .layout__region--second + .layout__region--third {
        margin-top: 30px; } }
  @media (max-width: 767.98px) {
    .layout--threecol-bricks .layout__region--middle.container-fluid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      grid-gap: 0; }
    .layout--threecol-bricks .layout__region--middle.container-fluid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      .layout--threecol-bricks .layout__region--middle.container-fluid .layout__region {
        -ms-grid-column: 1;
        grid-column: 1; }
      .layout--threecol-bricks .layout__region--middle.container-fluid .layout__region + .layout__region {
        margin-top: 30px; } }
.layout--article.article-wide {
  display: grid;
  grid-template-areas:
    "header header header"
    "article article rightSidebar"
    "footer footer footer";
  grid-template-rows: 3fr;
  grid-template-columns:1fr;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}

.article-wide #articleHeader,
.article-wide #rightSidebar,
.article-wide #articleMainArea,
.article-wide #articleFooter {
  padding: 1.2em;
}

#articleHeader {
  grid-area: header;
}

#articleMainArea {
  grid-area: article;
}

#rightSidebar {
  grid-area: rightSidebar;
}

#articleFooter {
  grid-area: footer;
}

@media all and (max-width: 991.98px) {
  .layout--article.article-wide {
    grid-template-areas:
      "header"
      "article"
      "rightSidebar"
      "footer";
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }
}