.code-snippet pre {
  white-space: pre-wrap;
}

.inline-group,
.flex-group {
  @extend %trim;
  border-top: $border;
  padding-top: 3rem;
  margin-top: 3rem;

  &.no-border {
    border-top: 0;
    padding-top: 0;
  }
}

.inline-group {
  *,
  p {
    margin-top: 0;
    display: inline;
  }
}

.flex-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  &.in-content {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    margin-bottom: 2rem;
  }

  > div {
    margin-top: 0;

    ~ div, ~ span.addtoany_list {
      margin-left: 1rem;
      padding-left: 1rem;
      border-left: $border;
    }
  }

  @include breakpoint($tablet) {
    > div {
      ~ div {
        margin-left: 2rem;
        padding-left: 2rem;
      }
    }
  }
}

.page-node-type--public-statement-legal, .page-node-type--public-statement {
  span.addtoany_list {
    img {
      margin-bottom: $field-spacing;
    }
  }
}


.inline-pipe-group {
  display: inline-flex;
  align-items: center;
  margin-top: 2rem;

  > div {
    margin-top: 0;

    ~ div {
      margin-left: 1rem;
      padding-left: 1rem;
      border-left: $border;
    }
  }
}

.flex--reverse {
  flex-direction: row-reverse;
}

.group-flag {
  .group-left {
    width: 12rem;
    margin-bottom: 1.4rem;
  }

  @include at-media('tablet') {
    display: flex;
    width: 100%;

    .group-left {
      min-width: 12rem;
      flex-grow: 0;
      margin-right: 3rem;
    }

    .group-right {
      flex-grow: 1;
      width: calc(100% - 15rem);
    }
  }
}

.ftc-bblue-box {
  background-color: $brightblue;
  padding: 4rem;
  color: $white;

  *,
  a {
    color: $white;

    &:focus {
      outline-color: #FFF;
    }
  }

  .usa-tag {
    background-color: $darkblue;
    color: $white;
  }

  p {
    margin-top: 1.2rem;
  }

  .path-frontpage .layout-sidebar-second & {
    @include breakpoint($desktop) {
      margin: -18rem -8.8rem 0 0;
      position: relative;
      z-index: 2;
    }

    p {
      margin-top: 2.2rem;
      font-family: $serif;
      font-size: 2.6rem;
      line-height: 1.4;
    }
  }
}

.ftc-blue-box {
  background-color: $lightblue;
  padding: 4rem;
}

.ftc-white-box {
  background-color: $white;
  padding: 4rem;

  &.view .views-row ~ .views-row {
    margin-top: 1.2rem;
  }
}

/* Legacy classes */
div {
  .article-intro {
    font-family: $sans;
    margin-top: 2.2rem;
    font-size: 2.2rem;
    line-height: 1.4;
    + .article-anchor-list {
      margin-top: 4rem;
    }
  }
}